gpt4 book ai didi

javascript - 为什么 HTML 按钮不调用 onclick 事件分配的函数

转载 作者:行者123 更新时间:2023-12-03 08:18:05 25 4
gpt4 key购买 nike

当尝试从 .html 文件调用 .js 文件的 JavaScript 函数时,该函数不会被调用。

项目层次结构:

  • html(文件夹)
    • main.html
  • js(文件夹)
    • 脚本.js

示例 #1 - 使用 .html - 有效

ma​​in.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Main page</title>
</head>
<body>
<label id="label1"></label>
<input id="text1" type="text"/>
<button onclick="document.getElementById('label1').innerHTML = document.getElementById('text1').value">Button</button>
</body>
</html>

示例 #2 - 使用 .html 和 .js - 不起作用

ma​​in.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Main page</title>
</head>
<body>
<label id="label1"></label>
<input id="text1" type="text"/>
<button onclick="outputInput()">Button</button>

<script src="/js/script.js"></script>
</body>
</html>

script.js

function outputInput(){
document.getElementById('label1').innerHTML = document.getElementById('text1').value;}

最佳答案

在您的 <script src="/js/script.js"></script> 中,您使用的是绝对 URL。根据进一步的测试,您的“js”文件夹似乎不在网站的根目录下,因此在那里找不到它。使用相对 URL src="../js/script.js"对放置元素的位置更加宽容。

关于javascript - 为什么 HTML 按钮不调用 onclick 事件分配的函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33849092/

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