DOM元素
- window
- window: 顶级对象(所有DOM元素的根对象) 表示当前浏览器窗口/使用window对象的属性 方法时可省略window(如window.alert(“aa”); → alert(“aa”);)
- alert()方法: 弹出消息框
- confirm()方法: 弹出”确定” ”取消”对话框/”确定”返回true “取消”返回false
if(confirm(“是否继续?”)){
alert(“确定”);
}
else{
alert(“取消”);
}
- navigate()方法: 重新导向到指定地址
- setInterval()方法: 每隔一段时间执行指定的代码(类似Winform的Timer)/第一个参数为代码字符串(也可以写入匿名函数) 第二个参数为时间(毫秒为单位)
navigate(“alert(‘hello’)”,5000);
- clearInterval()方法: 取消setInterval()的定时执行(相当于Timer中的Enable=False)/因为setInterval()可以启动多个定时器 所以clearInterval()需指定所清除定时器的标识(即返回值)
var intervalId = navigate(“alert(‘hello’)”,5000);
clearInterval(intervalId);
- setTimeout()/clearTimeout()方法: 定时执行(只执行一次)/清除定时执行/interval: 间隔 timeout: 超时
- showModelDialog()方法: 弹出模态对话框(在onclick等用户手动触发的事件中才被执行 否则会被最新浏览器当做广告弹窗拦截)/第一个参数为弹出窗口页面地址/在弹出页面中调用window.close()关闭窗口(window不能省)
- showModelessDialog()方法: 弹出非模态对话框
- parseInt()方法: 将字符串解析为整数
- location属性: location.href属性(当前页面地址)/location.reload()方法(刷新当前页面)
- event属性: 事件(用于获取事件发生时相关信息/类似于WinForm中的EventArgs)
event.altkey属性: alt键是否按下(bool类型/类似的ctrlkey shiftkey)
event.clientX/clientY属性: 事件发生时鼠标的屏幕坐标
event.offsetX/offsetY属性: 事件发生时鼠标相对于事件源的坐标
event.returnValue属性: 设为false就会取消默认事件的处理(如禁止表单提交数据到服务器或禁止超链接跳转)
event.srcElement属性: 获得事件源对象
event.keyCode属性: 发生事件的按键值
event.button属性: 发生事件时的鼠标按键(1:左键 2:右键 3:左右键)
- screen属性: 屏幕信息
alert(“分辨率: ”+screen.width+”*”+screen.height);
- clipboardData属性: 粘贴板
clipboardData.clear(): 清空粘贴板
clipboardData.getData(): 取得粘贴板数据
clipboardData.setData(): 设置粘贴板数据/对于Web来说 方法的第一个参数永远都是”Text”
当复制/粘贴时触发元素(如body)的oncopy/onpaste事件 直接return false就是禁止复制/粘贴
<body oncopy=“alert(“禁止复制!”);return false;”>
在网站中复制文章时自动在复制内容后增加版权声明(setData())/不能直接在oncopy中执行 需设定定时器*秒后执行(oncopy时先将内容放进粘贴板)
function modifyClipboard(){
clipboardData.setData(“Text”,clipboardData.getData()+’…’+location.href);
}
oncopy=“setTimeout(‘modifyClipboard()’,100)”
- history属性: 历史记录
- document属性: 最复杂属性之一
- document
- document(window.document): 当前页面文档
- write()方法: 向文档写入内容/动态增加页面内容(只有在页面加载过程中write()方法才会与页面原有内容融为一体)
- getElementById()方法: 根据元素Id(不能重复)获取对象/也可以直接通过Id进行元素对象引用 但因为存在有效范围之类的问题(如alert(form1.txtbox.value);)所以不推荐
- getElementByName()方法: 根据name获取对象/返回对象数组(name可重复)
- getElementByTagName()方法: 获得指定标签名称的标签数组
- createElement()方法: 动态创建DOM元素(write()方法只能在页面加载过程中创建DOM元素/结合元素的appendChild()方法添加到相应元素下)
- createElement()别种用法: createElement(“<a id=‘a1’ href=‘@’ />”);
- setAttribute()方法: 设置属性/可设置DOM元素不存在的属性
- form
- form: 表单的DOM对象
- Form(表单)提交方法: ①调用form.submit()方法②通过t按钮<input type=“submit” />; //类似于button.click()
- form(表单)数据校验: onsubmit事件(只有点击<input type=“submit” />按钮时才会触发onsubmit事件)/onsubmit事件return false时表单不会被提交
- autopost的实现: 如焦点离开时在onblur事件处理函数中调用form.submit()方法