Jquery 完善的检测机制

来源:互联网 发布:vscode 函数补全 编辑:程序博客网 时间:2024/06/06 11:57

(1)js获取页面元素:
传统js设置页面元素的事务的时候,先要找到页面上的元素,然后在赋予相应的属性或事件,如果页面元素不存在,则页面会报错。所以要先判断页面元素是否存在。再进行属性或者事件操作。这样会造成代码繁琐。

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>完善机制</title><script type="text/javascript"> window.onload = function(){    var divTest ;    //如果不进行判断,直接赋值,页面会提示错误信息    if(document.getElementById("divTest")){         divTest = document.getElementById("divTest");            divTest.innerhtml = "添加相关文字";    }}  $(function(){    $("#divTest").html("完善机制");}); </script></head><body></body></html>

(2)jquery获取页面元素
在jquery定义页面元素的时候,无须考虑页面中是否存在,即使页面中不存在该元素也不会报错,极大的方便了代码的执行效率。

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>完善机制</title><script type="text/javascript" src="jquery-1.10.1.js"></script><script type="text/javascript"> $(function(){    $("#divTest").html("完善机制");}); </script></head><body></body></html>
0 0
原创粉丝点击