常用方法和事件 · JavaScript學習記錄

### 常用方法和事件 - 系統對話框 - 警告框：`alert("內容")`，沒有返回值 - 選擇框：`confirm("提問的內容")`，返回 `boolean` - 輸入框：`prompt()`，返回字符串或 `null` - `window` 對象常用事件 - `onload`：頁面加載完發生 - `onscroll`：頁面滾動時發生 - `onresize`：事件會在窗口或框架被調整大小時發生 - 例子：回到頂部按鈕、側邊欄廣告 - 閃爍問題 - `userAgent > IE6` 用 `position:fixed;` - `userAgent < IE6` 用運動; - 代碼： ```HTML <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>Bom應用</title> <style> body { height: 2000px; } </style> <script> // 封裝 getElementById 函數 function get(id) { return document.getElementById(id); } window.onload = function () { // var text = document.write('新網頁'); var btn = get('btn'); var btn2 = get('btn2'); btn.onclick = function () { window.open('27.BOM應用.html','_blank'); } btn2.onclick = function () { window.close(); } window.onscroll = function () { var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop; console.log('scrollTop:',scrollTop); } console.log(window.navigator.userAgent); console.log(window.location.href); // alert('0'); // confirm('yes?'); // prompt(''); window.onresize = function () { var cliHei = document.documentElement.clientHeight; var cliWid = document.documentElement.clientWidth; console.log('可視區高寬：',cliHei, cliWid) } } </script> </head> <body> <input type="button" id="btn" value="打開網頁"> <input type="button" id="btn2" value="關閉網頁"> </body> </html> ```