gpt4 book ai didi

单独文件中的 Javascript 不起作用

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

我刚开始使用 Javascript,我正试图将我的脚本放在一个单独的文件中。当它们在 html 文件中时,它们工作得很好,但是一旦我将它们移动到它们自己的单独文件中,它就会停止工作。

这是我的 html 文件:

    <!DOCTYPE html>
<head>
<meta lang = "en">

<link rel="stylesheet" type="text/css" href="css/mainStyle.css">
<script src="js/script1.js"></script>

<title>Web Dev Practice</title>
</head>

<body>
<h1>First JavaScript Example</h1>

<button type="button" onclick="changeText()">ClickMe!</button>

<p id="demo">This is just a test.</p>

</br>
</br>

<h1>Second JavaScript Example</h1>

<img id="lightBulb" onclick="changeImage()" src="res/img/pic_bulboff.gif" width="100" height="180">

<p>Click the light bulb to turn it on or off.</p>

</body>
</html>

这是我的 js 文件:

    <script>
function changeText(){
var string_first = "This is just a test.";
var string_second = "Woah, it actually works!";

if(document.getElementById("demo").innerHTML == string_first){
document.getElementById("demo").innerHTML = string_second;
} else{
document.getElementById("demo").innerHTML = string_first;
}

}

    <script>
function changeImage(){
var image = document.getElementById('lightBulb');
if(image.src.match("bulbon")){
image.src = "res/img/pic_bulboff.gif";
}
else{
image.src = "res/img/pic_bulbon.gif";
}
}
</script>

最佳答案

<script>标签是 html 的东西,而不是 javascript,所以你不需要(也不可能)在你的外部文件中使用它们。你使用的是什么浏览器?许多都有一个内置的控制台,可以帮助您查看页面抛出的错误(如果有)。

关于单独文件中的 Javascript 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24102111/

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