Question

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

项目层次结构：

html（文件夹）
- main.html中
js（文件夹）
- 的script.js

示例＃1 - 使用.html - 工作

main.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 - 没有工作

main.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;}

Answer 1

在<script src="/js/script.js"></script>中，您使用的是绝对网址。根据进一步测试，您的“js”文件夹似乎不在您网站的根目录，因此在那里找不到。使用相对网址src="../js/script.js"可以更好地容纳您放置内容的位置。

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

1 个答案: