2016年07月_南太平洋_99

原创 JavaScript split()方法和join()方法

JavaScript split() 方法split() 方法用于把一个字符串分割成字符串数组。"2:3:4:5".split(":") //将返回["2", "3", "4", "5"]"|a|b|c".split("|") //将返回["", "a", "b", "c"]var str="How are you doing today?"docu

2016-07-31 09:14:08 440

原创 offsetLeft与style.left的区别 event.altKey、event.ctrlKey、event.shiftKey 属性 clientWidth和offsetWidth

offsetLeft与style.left的区别offsetLeft 获取的是相对于父对象的左边距left 获取或设置相对于具有定位属性(position定义为relative)的父对象的左边距如果父div的position定义为relative,子div的position定义为absolute，那么子div的style.left的值是相对于父div的值，这同offse

2016-07-30 22:02:28 501

原创 JavaScript return false

window.onload=function(){ document.oncontextmenu=function(){ return false }}在js中return false的作用一般是用来取消默认动作的。用oncontextmenu事件单禁用右键菜单onconTextmenu=window.event.returnValue=false;右键菜单禁用，用这

2016-07-28 20:07:23 632

原创 IE 火狐浏览器对opacity和filter

ie6-ie8中不支持opacity透明度 opacity在ie9/ie10/ff/chrome/opera/safari显示正常IE：filter:alpha(opacity=sqlN)其中 sqlN的值域为[0, 100]js: ieNode.style.filter="alpha(opacity=sqlN)"; Firefox,Chrome

2016-07-28 13:19:01 478

原创简易时钟 Date对象 for...in...语句 replace方法

window.onload = function (){ var oPan = document.getElementsByTagName("span"); setInterval(getTimes,1000); getTimes(); function getTimes(){ var oDate=new Date(); var oDat=[oDate.getHours(),oD

2016-07-27 21:49:58 491

原创 JavaScript中Math对象和test()方法

window.onload = function (){ var oIput=document.getElementsByTagName("input"); var oPan=document.getElementsByTagName("span"); for(var i=0;i<oIput.length;i++){ oIput[i].onkeyup=function(){ this

2016-07-27 20:26:04 513

原创 parseInt()和replace()方法

window.onload = function (){ var oIput=document.getElementsByTagName("input"); var oPan=document.getElementsByTagName("span")[0]; for(var i=0;i<oIput.length;i++){ oIput[i].onkeyup=function(){ t

2016-07-27 17:06:24 620

原创 JavaScript replace（）方法

window.onload=function(){ var oImg=document.getElementsByTagName("img"); for(var i=1; i<oImg.length;i++){ oImg[i].onmouseover=function(){ oImg[0].src=this.src.replace(/small/,"big"); } }

2016-07-26 22:06:29 392

原创写模态对话框的问题：运用this.index 为元素添加事件

简单选项卡：window.onload=function(){ var oTab=document.getElementById("tab").getElementsByTagName("li");//tab最好是li的直接父级元素不然会有奇怪的情况发生 var oCtn=document.getElementById("content").getElementsByTagName("u

2016-07-26 19:57:33 229

原创 elem.style[attr]=value 点操作符和中括号操作符

var changeStyle=function(elem,attr,value){ elem.style[attr]=value};window.onload=function(){ var oPut=document.getElementsByTagName("input"); var oBtn=document.getElementsByTagName("button"); va

2016-07-26 16:50:06 1197

原创 getElementsByTagName

window.onload=function(){ var oBtn=document.getElementsByTagName("button")[0]; var oClo=document.getElementById("close"); var oLis=document.getElementById("list"); oBtn.onclick=function(){ oLis.

2016-07-26 15:25:03 292

原创 <a href="javascript: ;">和<a href="#">

点击链接后，页面会向上滚到页首，# 默认锚点为 #TOP<a href="javascript: ;">显示为链接的样式，但不会链接到任何页面，就是一个空链接，单击也没什么反应，一般和onclick事件结合使用. 点击链接后，页面不动，只打开链接作用同上，不同浏览器会有差异。

2016-07-26 11:10:05 343

99的博客