gpt4 book ai didi

Javascript 外部文件

转载 作者:行者123 更新时间:2023-11-28 01:01:00 24 4
gpt4 key购买 nike

这在我的代码中用于一个简单的任务;只需切换 img src。当脚本在 HTML 页面中时它工作正常,但是当我试图将它变成外部文件时它不起作用。

有什么建议吗?

这是外部 JS:

var link = document.getElementById('btn1');

link.onclick = function switch1() {
var a = document.getElementById('img1');
var b = document.getElementById('img2');

var c = a.src;
var d = b.src;
document.getElementById('img1').src = d;
document.getElementById('img2').src = c;
}

这是 HTML 文件:

<!DOCTYPE html>
<html>

<head>
<title></title>
<meta charset="utf-8" />
<script src="JavaScript.js"></script>

<style>
.box {
position: absolute;
display: block;
background-color: wheat;
width: 90%;
height: 60%;
}
.frame {
position: relative;
display: block;
background-color: Window;
left: 10%;
top: 10%;
width: 80%;
height: 80%;
}
.content {
position: relative;
display: block;
background-color: yellow;
left: 10%;
top: 10%;
width: 80%;
height: 80%;
}
.img1 img {
position: absolute;
display: block;
left: 10%;
top: 15%;
width: 150px;
height: 150px;
}
.img2 img {
position: absolute;
display: block;
right: 10%;
top: 15%;
width: 150px;
height: 150px;
}
.button {
position: absolute;
display: block;
background-color: #4CAF50;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
top: 15%;
right: 42%;
}
</style>
</head>
<body>
<div class="box">
<div class="frame">
<div class="content">
<div class="img1">
<img src="pic/land2.jpg" id="img1" alt="img1">
</div>
<div class="img2">
<img src="pic/land1.jpg" id="img2" alt="img2">
</div>
<div class="btn">
<button class="button" id="btn1">Button</button>
</div>
</div>
</div>
</div>
</body>
</html>

最佳答案

如果您使用的是 HTML5,如果文件位于网站的根目录中,请在脚本文件名前使用正斜杠字符。

<script src="/JavaScript.js"></script>

如果您使用的是 HTML4 或 XHTML,还要添加脚本类型。

<script src="/JavaScript.js" type="text/javascript"></script>

关于Javascript 外部文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42204132/

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