js脚本执行顺序

最新推荐文章于 2024-03-09 22:59:25 发布

code280

最新推荐文章于 2024-03-09 22:59:25 发布

阅读量447

点赞数

分类专栏： js 文章标签： javascript vue.js 前端

本文链接：https://blog.csdn.net/code280/article/details/126338396

版权

js 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

代码

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);
})();