gpt4 book ai didi

javascript - 在 html 中使用外部 javascript [基本内容]

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

我是 javascript 的新手,我写了一个简单的代码来更改 h1 标签内的一些单词。这是我的 HTML 和 JavaScript 文件:

var element;
var words = ["Cute","Nice","Playful"];
var current = 0;
function increment () {
current++;
if (current === words.length) {
current = 0;
}
setTimeout('changeWord()', 1000);
}

function changeWord () {
element.innerHTML = words[current];
setTimeout('increment()', 2000);
}
<!DOCTYPE html>
<html>
<head>
<title>test</title>
<script type="text/javascript" href="script.js"></script>
</head>
<body>
<h1>This dog is <span id="atribute"></span></h1>
<script type="text/javascript" href="script.js">
element = document.getElementById("atribute");
changeWord();
</script>
</body>
</html>

问题是这个东西行不通。如果我将 JS 移动到 HTML 文档内的 script 标记中,它就可以工作。那么,我该如何使用那个外部 JS 文件呢?

最佳答案

当您指定脚本文件时,您必须使用“src”作为源属性。除了在 html 下面的第二个脚本中,您不需要指定源,因为它被视为内部脚本。所以删除它的源属性。您的新代码将是:

HTML:

<!DOCTYPE html>
<html>
<head>
<title>test</title>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<h1>This dog is <span id="atribute"></span></h1>
<script type="text/javascript">
element = document.getElementById("atribute");
changeWord();
</script>
</body>
</html>

JavaScript:

var element;
var words = ["Cute","Nice","Playful"];
var current = 0;
function increment () {
current++;
if (current === words.length) {
current = 0;
}
setTimeout('changeWord()', 1000);
}

function changeWord () {
element.innerHTML = words[current];
setTimeout('increment()', 2000);
}// JavaScript Document

关于javascript - 在 html 中使用外部 javascript [基本内容],我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35390456/

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