我正在学习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");
}
答案 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