簡體   English   中英

Javascript onclick函數未執行

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM