JavaScript文档加载模式以及元素获取_javascript技巧

一、文档加载模式

1.事件三要素：事件源（触发时间的元素）；事件名称（click点击事件）；事件处理程序（事件出发后要执行的代码函数形式）存在问题：浏览器加载一个页面的时候，是按照自上而下的顺序加载的，若将script标签写到head内部，在代码执行时候，页面还没有加载，页面中的DOM对象也没有加载。就会导致js中无法获取页面中的DOM对象。解决方法：onload事件，会在整个页面加载完之后才触发，为window绑定一个onload事件，该事件对应的响应函数将会在页面加载完成之后执行，这样可以确保我们的代码执行时所有的DOM对象已经加载完了

 




点击

运行显示：

点击按钮

二、文档页面元素获取

根据id、标签名、name、类名、选择器获取元素

运行显示：

三、源码：

地址:https://github.com/ruigege66/Javascript/blob/master/D27_1_Document.html  

博客园：https://www.cnblogs.com/ruigege0000/

CSDN：https://blog.csdn.net/weixin_44630050?t=1

在线工具：https://www.jb51.net/article/191885.htm