<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> input.btn { background: red; } .overstyle { background: olive; } .outstyle { background: red; } </style> <!-- // js函數代碼【建議】嵌入頭部之間。在頁面文檔主體和其余部分代碼加載之前【web內容在瀏覽器中是從上到下解析的，head內的腳本會比body內的腳本線處理。所以最好將包含所有預定義函數的js代碼放在頭部】 ;js區分大小寫；--> <script> document.write("<font>js代碼輸出的文字;一般不這么用</font>");//document.write()是文檔對象的輸出函數。其功能是將括號中的內容或變量值輸出到頁面文檔中。 // 一些比較簡短的js事件代碼可以直接寫在html標簽內，格式： onclick=javascript:函數名稱() 具體的函數寫在嵌入head的js代碼中 function submit() { alert('提交'); } </script> </head> <!-- onload當網頁下載到瀏覽器就會執行，如果onload需要訪問html標簽所定義的對象，需要確保對象先於onload腳本執行。所以onload函數應該寫在body中而非head --> <body onLoad="window.alert('頁面內容完成導入到瀏覽器')"> <input type="button" name="button" title="新建申請表單" value="新建" class="btn" onmouseover="this.className='overstyle'" onmouseout="this.className='outstyle'" onclick="javascript:submit();"> <!-- // js放在body主體之間用來實現某些部分動態地創建文檔 --> <script> </script> </body> </html>