[英]googleweblight not executing OnClick JavaScript Function
[英]Javascript onclick function not executing
JavaScript noob在这里,我有一段简单的代码,但是调用我定义的函数的onclick事件没有执行。 这是代码:
<!DOCTYPE html>
<html>
<head>
<title>
window.navigator
<script>
function thankYou(){
alert("Thanks for Checking!");
}
</script>
</title>
<style>
td{border:1px solid gray;padding:3px 5px;}
</style>
</head>
<body>
<script>
document.write("<table>");
document.write("<tr><td>appName</td><td>"+navigator.appName+ </td></tr>");
document.write("<tr><td>appCodeName</td><td>"+navigator.appCodeName+"</td></tr>");
document.write("<tr><td>appVersion</td><td>"+navigator.appVersion+"</td></tr>");
document.write("<tr><td>language</td><td>"+navigator.language+"</td></tr>");
document.write("<tr><td>cookieEnabled</td><td>"+navigator.cookieEnabled+"</td></tr>");
document.write("<tr><td>cpuClass</td><td>"+navigator.cpuClass+"</td></tr>");
document.write("<tr><td>onLine</td><td>"+navigator.onLine+"</td></tr>");
document.write("<tr><td>platform</td><td>"+navigator.platform+"</td></tr>");
document.write("<tr><td>No of Plugins</td><td>"+navigator.plugins.length+"</td></tr>");
document.write("</table>");
</script>
<p>
<input type="button" name="Thanks for checking!" value="Click me!" onClick="thankYou()"/>
</p>
</body>
</html>
谁能解释我在做什么错? 谢谢!
你有错字 在第一个文档写入行上缺少"
。”而且script标签不应该在title标签中。
document.write("<tr><td>appName</td><td>"+navigator.appName+ </td></tr>");
^^^
您缺少引号,需要移动脚本标记,请参见下面的工作示例。
<!DOCTYPE html> <html> <head> <title> window.navigator </title> <style> td { border: 1px solid gray; padding: 3px 5px; } </style> </head> <body> <script> function thankYou() { alert("Thanks for Checking!"); } </script> <script> document.write("<table>"); document.write("<tr><td>appName</td><td>" + navigator.appName + "</td></tr>"); document.write("<tr><td>appCodeName</td><td>" + navigator.appCodeName + "</td></tr>"); document.write("<tr><td>appVersion</td><td>" + navigator.appVersion + "</td></tr>"); document.write("<tr><td>language</td><td>" + navigator.language + "</td></tr>"); document.write("<tr><td>cookieEnabled</td><td>" + navigator.cookieEnabled + "</td></tr>"); document.write("<tr><td>cpuClass</td><td>" + navigator.cpuClass + "</td></tr>"); document.write("<tr><td>onLine</td><td>" + navigator.onLine + "</td></tr>"); document.write("<tr><td>platform</td><td>" + navigator.platform + "</td></tr>"); document.write("<tr><td>No of Plugins</td><td>" + navigator.plugins.length + "</td></tr>"); document.write("</table>"); </script> <p> <input type="button" name="Thanks for checking!" value="Click me!" onClick="thankYou()" /> </p> </body> </html>
您不能在<title>
包含脚本标签。 您的浏览器很可能会在其标题栏中逐字显示文本,因为这是应该做的。 某些浏览器在标题中有多余的空格,例如(换行符),但有(或有过)问题。 最好脱掉它们。
扔掉你的书,它必须真的很旧。 不要使用document.write(...)
,请记住该函数存在。 不要使用<tag onevent="...">
,而是使用适当的事件侦听器 。 还要阅读控制台输出(shift + ctrl + k或F12),以在JavaScript代码中找到错别字。
有关使用不同编程语言编写的入门的概述,请参见此处 。 (不过,该网站的标题可能令人反感。:))
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.