Javascript 使用$（document）.ready（）和$.getScript（）加载页面后加载外部脚本_Javascript_Jquery_Html_External

Javascript 使用$（document）.ready（）和$.getScript（）加载页面后加载外部脚本

javascript jquery html

Javascript 使用$（document）.ready（）和$.getScript（）加载页面后加载外部脚本,javascript,jquery,html,external,Javascript,Jquery,Html,External,正如标题所说，我想通过在网站的标题而不是底部添加我的script标记来加载脚本我的一个简短示例/尝试是： HTML文件： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery-3.3.1.js"> $(document).r

正如标题所说，我想通过在网站的标题而不是底部添加我的script标记来加载脚本

我的一个简短示例/尝试是：

HTML文件：

<!DOCTYPE html>
<html lang="en">
<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>

$("#para").click( function () {
    $("#para").hide();
})

但它不起作用。知道为什么吗？我在追独角兽吗

根据：

如果脚本元素指定了src属性，则不应在其标记中嵌入脚本

因此，将代码移动到一个单独的脚本标记

<script src="js/jquery-3.3.1.js"></script> 
<script> 
    $(document).ready( function () { $.getScript("./js/script.js"); } );
</script>


$（document.ready（函数（）{$.getScript（“./js/script.js”）；}）；

$（document.ready（函数（）{$.getScript（“./js/script.js”）；}）谢谢你的回复。我照你的建议做了，但还是不行。所以为了测试代码中是否有错误，我在body部分的底部添加了脚本导入，它成功了。我可能还缺少什么？jquery-3.3.1.js:9600对file:///home/deus/Projects/web/test_jquery/js/script.js?_=1554722417976CORS策略已阻止“来自源”的“null”：跨源请求仅支持协议方案：http、数据、chrome、chrome扩展、，https.
我猜$.getScript对本地文件不起作用。@DeusDeit:Yup，通过apache提供服务时，它可以工作。非常感谢您的帮助。@Deusdecit:很高兴它有帮助：）