<!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> <!-- onl oad當網頁下載到瀏覽器就會執行，如果onload需要訪問html標簽所定義的物件，需要確保物件先于onload腳本執行，所以onload函式應該寫在body中而非head --> <body onLoad="window.alert('頁面內容完成匯入到瀏覽器')"> <input type="button" name="button" title="新建申請表單" value="新建" class="btn" onm ouseover="this.className='overstyle'" onm ouseout="this.className='outstyle'" onclick="javascript:submit();"> <!-- // js放在body主體之間用來實作某些部分動態地創建檔案 --> <script> </script> </body> </html>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/179768.html
標籤：JavaScript
下一篇：跨域資源共享 CORS 詳解