返回首页 | 新开户送体验金的娱乐城

合作共赢、快速高效、优质的网站建设提供商

更多精品源码-尽在织梦模板-www.moke8.com

网站开发javascript 跨浏览器开发经验总结 js 工作

时间:2017-10-02 编辑:admin

简略工作模型和高档工作模型

简略工作模型和高档工作模型简略工作,就是工作与页面元素直不雅观的绑定在一起的方法,如:
代码如下:
div http://www.webkf.net/index/39.html">HTML);"
element.onclick = function(){alert(this.inner);}

只需不是用了单个浏览器独有的工作,一般的click,mouseover工作等在各浏览器中都能够这么运用。

可是当一个工作需求绑定多个监听,或许需求动态注册/移出监听时,简略工作模型就不够用了,需求运用高档工作模型:
代码如下:
//注册
function addEventHandler(element, evtName, callback, useCapture) {
//DOM规范
if (element.addEventListener) {
element.addEventListener(evtName, callback, useCapture);
} else {
//IE方法,疏忽useCapture参数
element.attachEvent('on' + evtName, callback);
}
}

//移除
function removeEventHandler(element, evtName, callback, useCapture) {
//DOM规范
if (element.removeEventListener) {
element.removeEventListener(evtName, callback, useCapture);
} else {
//IE方法,疏忽useCapture参数
element.dettachEvent('on' + evtName, callback);
}
}



标签中onclick工作与href特点的调用顺次联系
在a标签照应点击工作时,会先进行onclick工作的照应,再履行href中的跳转挑选。如以下标签点击后会先后提示“button”和“href”:

a href=”phpscript:alert(“href”);” button /a

可是,最好不要在href中界说详细的phpscript挑选,因为这个是界说跳转的链接地址的特点,如果需求先后履行两个phpscript挑选,应该这样写:

a href=”#” button /a

可是下面的写法中如果onclick绑定的照应挑选中并没有提交恳求跳转至其他页面,那么会发现当时网页做了一次改写,因为以上代码中href=“#”表明跳转到当时页的顶部,可是并没有发出新的html恳求。有的时分,我们们并不期望页面在照应onclick工作后又跳回顶部,那么应该在onclick后前往false值,阻挠继续进行href界说的动作,如:

a href=”#” button /a

或许将#交换成空的phpscript句子:

a href=”phpscript:void(0)” button /a


onload工作的调用顺次

有的时分在页面初始化时需求调用一些脚正本设置页面元素的初始形状,最规范的做法是用 body onload=”” 方法或许document.onload方法调用。onload的工作的触发会在页面元素烘托终了之后调用,这样就确保了不会呈现脚本履行时找不到未烘托的页面元素的状况。如果是在 head 区域的 script 块中履行脚本,并运用了页面元素时,就很有可能呈现找不到元素的过错。如果是在 body 区域的 script 块中履行脚本,只能运用该 script 块之前的页面元素,因为 body 区域的元素基本是顺次解析的。


onchange工作

input 元素和 select 的 option 元素都支撑onchangge工作,可是常常我们们会发现元素的内容值改动了却没有触发onchangge工作。这是因为onchange工作的触发还有另一个条件:当时元素处于得到焦点(onblur)的形状。所以,onchange工作只能捕捉用户操作时的值改动,关于运用phpscript脚本动态改动元素value的状况,它是捕捉不到的。

工作截获

因除了IE之外的浏览器不能辨认window.event所以要运用以下方法来获取当时工作和工作发作的方针元素:
var evt = e?e:(window.event?window.event:null);
var el = evt.srcElement?evt.srcElement:evt.target;

这里有一些其它相关的文章,十分值得参阅下
Script Event工作学习第一章 Event引见
phpscript 跨浏览器的工作琐细
浏览:

网站建设

流程

    网站建设流程