简单的javascript示例不起作用

时间:2015-10-21 13:22:40

标签: javascript

我正在学习javascript而且我无法完成这项工作,当我点击提交按钮时会出现提醒信息

HTML

<html>
<head>
    <title>Understanding the Document Object Model</title>
    <script type="javascript" src="script.js"></script>
</head>
<body>
    <h1 id="title">Understanding the Document Object Model</h1>
    <p id="first">This is the first paragraph</p>
    <p id="second"><strong>This is the second paragraph</strong></p>
    <p id="third">Third paragraph</p>
    <input type="submit" id="clickMe" value="Click Me"/>
</body>
</html>

Javascript script.js

window.onload=function(){
document.getElementById("clickMe").onclick=runTheExample;
}

function runTheExample(){
alert("running the example");
}

2 个答案:

答案 0 :(得分:3)

您的type属性错误。 它应该是"text/javascript"

在做出改变后,它对我来说很好用

==================================

编辑:

作为一个注释,我的调试过程是尝试直接在脚本中调用alert()。 script.js成了:

alert("running the example");

window.onload=function(){
    document.getElementById("clickMe").onclick=runTheExample;
}

function runTheExample(){
    alert("running the example");
}

这也引发了警报,其中说整个剧本都没有发挥作用。所以必须调用脚本才能解决问题。 一旦你确定了这一点,就没有多少东西需要检查。

答案 1 :(得分:1)

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

您可以像这样更改外部JavaScript文件链接。因为,脚本标签的type属性应该是text / javascript