Question

当我将我的javascript文件附加到我的html，并在按下按钮时对html进行简单打印时，它什么都不做。

HTML code：

<html>
    <header>
        <link type="text/css" rel="stylesheet" href="json_stylesheet.css"/>
        <script type="text/javascript" src="json_creation_functions.js"></script>
        <title>UI for Curl method</title>
    </header>
    <body>      
        <form id="json_input">              
            <button type="button" value="Submit" onclick="post()" > Submit</button> 
        </form>
        <div id="result"></div>
    </body>
</html>

使用Javascript：

function post() {
  document.getElementById("result").innerHTML = "Hello" ;
}

Answer 1

<header>代码应为<head>（删除er）

Answer 2

将header更改为head代码。

function post() {
  document.getElementById("result").innerHTML = "Hello" ;
}

     
            <form id="json_input">              
                <button type="button" value="Submit" onclick="post()" > Submit </button> 
        </form>
        <div id="result"></div>

Javascript函数未被调用

2 个答案: