常用方法和事件 · 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> ```