使用$(document).ready()和$ .getScript()完成页面加载后,加载外部脚本

如标题所示,我想通过在网站的标题而非页面的底部放置我的script标签来加载脚本。


我的一个简短示例/尝试是这样的:


HTML档案:


<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title></title>

    <script src="js/jquery-3.3.1.js">

        $(document).ready( function () {

            $.getScript("./js/script.js");

        } );

    </script>

   </head>

<body>

    <p id="para">hey there waht's up</p>

<body>

</html>

外部JS文件:


$("#para").click( function () {

    $("#para").hide();

})

但这是行不通的。知道为什么吗?我在追独角兽吗?


慕斯709654
浏览 156回答 1
1回答

UYOU

根据MDN文档:如果脚本元素指定了src属性,则该脚本元素的标签中不应嵌入脚本。因此,将代码移至单独的脚本标签。<script src="js/jquery-3.3.1.js"></script>&nbsp;<script>&nbsp;&nbsp; &nbsp; $(document).ready( function () { $.getScript("./js/script.js"); } );</script>
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript