300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > js脚本执行顺序

js脚本执行顺序

时间:2021-06-06 19:21:16

相关推荐

js脚本执行顺序

代码

html

<html><head><meta charset="UTF-8" /><!-- import Vue before Element --><script src="./js/vue@2.6.14.min.js"></script><!-- import JavaScript --><script src="./js/https.js"></script></head><body><div id="app"></div></body><script>console.log('页面脚本');new Vue({el: "#app",created() {console.log('vue');}})</script></html>

http.js

console.log("http.js 脚本");document.onreadystatechange = () => {console.log("readyStateChange 事件");};window.onload = () => {console.log("window.load 事件");};(function () {var script = document.createElement("script");script.type = "text/javascript";script.src = "./js/hello.js";var html = document.querySelector("head");html.appendChild(script);})();

hello.js

console.log("hello.js 脚本");

运行结果

结果分析

由上到下的顺序执行script标签内的脚本执行页面中的脚本触发readyStateChange事件再执行标签脚本中加载的脚本再次触发readyStateChange事件最后触发window.load事件

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。