gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-30 14:05:10 25 4
gpt4 key购买 nike

正如标题所说,我想通过将我的 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>

外部JS文件:

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

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

最佳答案

根据 MDN documentation :

If a script element has a src attribute specified, it should not have a script embedded inside its tags.

因此将代码移动到一个单独的脚本标签中。

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

关于javascript - 使用 $(document).ready() 和 $.getScript() 在页面完成加载后加载外部脚本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55572066/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com