将html内嵌js转换为外链js 该怎么转

html-css016

将html内嵌js转换为外链js 该怎么转,第1张

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码。

2、新建index.js文件,将内嵌js内容添加到index.js文件中。

3、在index.html的head标签中新增引用代码:<script src="index.js"></script>。

4、浏览器运行index.html页面,此时成功引入index.js并调用其内容。

原因:

浏览器是单线程的,如果放在头部,浏览器会先加载script文件并执行,此时会形成一个阻塞,影响后续的dom文件的加载和执行。

缺点:

避免措施:

注意:

虽然说将外部引入的js引用放在 body 末尾处,不过也是有顺序的,需要将一些 依赖文件放在前边

例如jquery文件需要放在前边,这样后边函数中使用$才不会报错。

window.addeventlistener('load',function(){

var script=document.createElement('script')

script.src='url'

document.getElementsByTagName("body")[0].appendChild(script)

})