js文件的入口代码及需要入口代码的原因

简介: js文件的入口代码及需要入口代码的原因

1    在js解释器解释代码时,是从上往下逐条执行的,但是在js文件中,存在许多进行页面交互的代码,它们需要获取到当前按钮元素,比如:var btn = document.querySelector('button'),      如果将js文件写在了页面结构之前,就会导致检测不到当前所需要获取的页面元素,从而导致报错。


2   入口函数也称为是窗口事件,其作用是让页面先加载完毕之后再执行其内的代码,保证页面元素在js文件之前被读取,从而保证js代码中的页面元素获取语句可以正确执行。


3.两种入口函数及其二者的区别


window.onload = function(){}

window.addEventListener(“load”,function(){})

document.addEventListener(“DOMContentLoaded” ,function(){})

// load 等页面内容全部加载完毕才执行

//DOMContentLoaded DOM加载完毕,不包含图片flash css等就可以执行 加载速度比load快

原理是让文档内容优先加载,加载完毕后才触发这个事件(即开始进行事件解读),属于回调函数

 

相关文章
|
9天前
|
JavaScript 前端开发 容器
AJAX载入外部JS文件到页面并让其执行的方法(附源码)
AJAX载入外部JS文件到页面并让其执行的方法(附源码)
13 0
|
10天前
|
JSON JavaScript 前端开发
JavaScript原生代码处理JSON的一些高频次方法合集
JavaScript原生代码处理JSON的一些高频次方法合集
|
30天前
|
存储 JavaScript 前端开发
非常实用的JavaScript一行代码(整理总结)
非常实用的JavaScript一行代码(整理总结)
27 0
|
1月前
|
JavaScript 前端开发 测试技术
如何编写JavaScript模块化代码
如何编写JavaScript模块化代码
12 0
|
1天前
|
缓存 JavaScript 前端开发
js的入口函数,入口函数的作用
js的入口函数,入口函数的作用
12 4
|
25天前
|
JSON 前端开发 JavaScript
16个重要的JavaScript代码
16个重要的JavaScript代码
30 1
|
27天前
|
JavaScript
当当网新用户注册界面——JS代码
当当网新用户注册界面——JS代码
7 0
|
27天前
|
JavaScript
当当网首页——JS代码
当当网首页——JS代码
10 1
|
28天前
|
JavaScript Java
什么?java中居然可以执行js代码了?真是不知者不怪
什么?java中居然可以执行js代码了?真是不知者不怪
13 1
|
28天前
|
JavaScript 前端开发 Python
生成X-Bogus的js代码,通过python调用生成
该文本是一个关于如何解析和执行JavaScript代码的步骤说明。主要内容包括: 1. 找到JavaScript文件的位置。 2. 下载代码并进行格式化。 3. 运行代码时会出现缺少变量错误,需要添加模拟环境的代码。 4. 指出主要的入口函数是`_0x5a8f25`,将其赋值给`window`。 5. 提供了整个JavaScript代码的长串内容。 6. 提供了一个Python脚本,用于调用这个JavaScript函数并处理返回的数据。 总结:这段文本描述了如何处理和运行一个JavaScript文件,以及使用Python来与这个脚本交互的示例。