中山php|最优网络中山做网站 中山php建站

最优良人

Posts Tagged With: js

JS获取file上传文件路径,后缀,大小,文件名

2012/08/16 at 11:58 » Comments (184)

/** *函数描述:获取input type=file的图像全路径 * @obj input type=file的对象 **/ function getFullPath(obj) { if(obj) { //ie if (window.navigator.userAgent.indexOf("MSIE")>=1) { obj.select(); return document.selection.createRange().text; } //firefox else if(window.navigator.userAgent.indexOf("Firefox")>=1) { if(obj.files) { return obj.files.item(0).getAsDataURL(); } return obj.value; } return obj.value; } }   <input type="file" onchange="document.getElementById('img').src=getFullPath(this);" >   =========================================================================     #判断IE还是Firefox function getFullPath(obj) { if(obj) { //ie if (window.navigator.userAgent.indexOf("MSIE")>=1) { obj.select(); return document.selection.createRange().text; } //firefox else if(window.navigator.userAgent.indexOf("Firefox")>=1) { if(obj.files) { return obj.files.item(0).getAsDataURL(); } return obj.value; } return obj.value; } }       #判断后缀名 function yulan(){ var filePath =getFullPath(document.getElementById('UpFile')); var fileText =filePath.substring(filePath.lastIndexOf("."),filePath.length); var ...more »

JS 把字符串转成整数的函数

2012/07/21 at 12:35 » Comments (459)

parseInt()把字符串转成整数 parseFloat()把字符串转成浮点数 js在处理变量的数学运算时一点要注意变量类型的转换 JS 字符串转整数 JS 字符串转整数方法主要有三种转换函数、强制类型 转换、利用js 变量弱类型转换。 1.转换函数: js 提供了parseInt()和parseFloat()两个转换函数。 前者把值转换成整 数,后者把值转换成浮点数。只有对String 类型调用这些方法,这两个函数才 能正确运行;对其他类型返回的都是NaN(Not aNumber)。 在判断字符串是否是数字值前,parseInt()和parseFloat()都会仔细分析 该字符串。 parseInt()方法首先查看位置0 处的字符,判断它是否是个有效数字;如 果不是,该方法将返回NaN,不再继续执行其他操作。但如果该字符是有效数 字,该方法将查看位置1 处的字符,进行同样的测试。这一过程将持续到发现 非有效数字的字符为止,此时 parseInt()将把该字符之前的字符串转换成数字。 例如,如果要把字符串"1234blue"转换成整数,那么parseInt()将返回 1234,因为当它检测到字符b 时,就会停止检测过程。 字符串中包含的数字字面量会被正确转换为数字,因此字符串"0xA"会被正 确转换为数字10。 ...more »

文字图片向上滚动的JS代码

2012/05/29 at 11:38 » Comments (193)

<div id="demo"> <div id="demo1"> <ul> <li> 文字图片内容   </li> </ul> </div> <div id="demo2"></div>   <script type="text/javascript"> var speed=10; var FGDemo=document.getElementById('demo'); var FGDemo1=document.getElementById('demo1'); var FGDemo2=document.getElementById('demo2'); FGDemo2.innerHTML=FGDemo1.innerHTML function Marquee1(){ if(FGDemo2.offsetHeight-FGDemo.scrollTop<=0) FGDemo.scrollTop-=FGDemo1.offsetHeight else{ FGDemo.scrollTop++ } } var MyMar1=setInterval(Marquee1,speed) FGDemo.onmouseover=function() {clearInterval(MyMar1)} FGDemo.onmouseout=function() {MyMar1=setInterval(Marquee1,speed)} </script> </div> more »

prompt弹出对话框,获取输入的值

2012/03/07 at 11:34 » Comments (267)

定义和用法 prompt() 方法用于显示可提示用户进行输入的对话框。 语法 prompt(text,defaultText) text 可选。要在对话框中显示的纯文本(而不是 HTML 格式的文本)。 defaultText 可选。默认的输入文本。也可以不输入值,如果不输入值,则返回null。 说明 如果用户单击提示框的取消按钮,则返回 null。如果用户单击确认按钮,则返回输入字段当前显示的文本。   在用户点击确定按钮或取消按钮把对话框关闭之前,它将阻止用户对浏览器的所有输入。在调用 prompt() 时,将暂停对 JavaScript 代码的执行,在用户作出响应之前,不会执行下一条语句。 以下的代码弹出一个对话框,用户输入密码,然后提交表单 function fn_check( theForm ) { var m = prompt ( "请输入新密码" , "" ) ; if ( m ) { m = trimString(m); if ...more »

设为首页,加入收藏js代码(兼容ie火狐chrome主流浏览器)

2011/11/18 at 10:05 » Comments (224)

使用时直接调用函数,不需设定网站标题等 <span onclick ='addFav()'> 收藏本站 </span> <span onclick ='setHomepage()'> 设为首页 </span> <script type='text/javascript'> function addFav(){ // 加入收藏夹 if (document.all) { window.external.addFavorite(window.location.href, document.title); } else if (window.sidebar) { window.sidebar.addPanel(document.title, window.location.href, ""); } } function setHomepage(){ // 设置首页 if (document.all) ...more »

JS判断浏览器是ie6,ie7,ie8还是火狐

2011/10/17 at 14:26 » Comments (212)

function myBrowser(){ var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器 var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera ; //判断是否IE浏览器 var isFF = userAgent.indexOf("Firefox") > -1 ...more »

JS获取屏幕、浏览器、网页的宽度,高度

2011/09/23 at 17:46 » Comments (18)

网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线的宽) 网页可见区域高:document.body.offsetHeight (包括边线的宽) 网页正文全文宽:document.body.scrollWidth 网页正文全文高:document.body.scrollHeight 网页被卷走的高:document.body.scrollTop 网页被卷走的左:document.body.scrollLeft 网页正文部分上:window.screenTop 网页正文部分左:window.screenLeft 屏幕分辨率的高:window.screen.height 屏幕分辨率的宽:window.screen.width 屏幕可用劳动区高度:window.screen.availHeight 屏幕可用劳动区宽度:window.screen.availWidth HTML正确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 获取东西的转动高度。 scrollLeft:设置或获取位于东西左界限和窗口中目前可见内容的最左端之间的间隔 scrollTop:设置或获取位于东西最顶端和窗口中可见内容的最顶端之间的间隔 scrollWidth:获取东西的转动宽度 offsetHeight:获取东西尽对付版面或由父坐标 offsetParent 属指定 的父坐标的高度 offsetLeft:获取东西尽对付版面或由 offsetParent 属指定的父坐标的计算左侧地位 offsetTop:获取东西尽对付版面或由 offsetTop 属指定的父坐标的计算顶端地位 event.clientX 尽对文档的程度座标 event.clientY 尽对文档的笔挺座标 event.offsetX 尽对容器的程度坐标 event.offsetY 尽对容器的笔挺坐标 document.documentElement.scrollTop 笔挺偏向转动的值 event.clientX+document.documentElement.scrollTop 尽对文档的程度座标+笔挺偏向转动的量 IE,FireFox 差别如下: IE6.0、FF1.06+: clientWidth = width + padding clientHeight = height + padding offsetWidth = width ...more »

让框架iframe高度自适应,可自动撑开高度

2011/08/28 at 15:46 » Comments (215)

默认iframe框架是不能撑开高度的,如果需要让框架高度自适应需要用js实现 js代码: var adjustIframe = function (id) { var iframe = document.getElementById(id) var idoc = iframe.contentWindow && iframe.contentWindow.document || iframe.contentDocument; var callback = ...more »

js实现页面慢慢垂直移动

2011/08/25 at 15:12 » Comments (14)

javascript实现页面慢慢垂直移动,就是慢慢移上去或者掉下来的效果 for(var i=0;i<351;i++){ window.scrollTo(0,i) } more »

js输出当前日期时间和星期几

2011/08/25 at 14:58 » Comments (6)

javascript输出当前日期时间和星期几的方法 1,按照本地时间格式 <script type="text/javascript">document.write(new Date().toLocaleString())</script> 2自己定义格式 <script type="text/javascript">document.write(new Date().getFullYear()+'年'+(new Date().getMonth()+1)+'月'+new Date().getDate()+'日 星期'+'日一二三四五六'.charAt(new Date().getDay()))</script> //注意:月份的算法要在原有数字上加1 more »