②不允许用户选中文字
If(window.event)
{key=obj.keyCode;//获得用户按下键的CODE号}
Window.event可以判断用户是通过点击按钮,还是键盘
Dom编程是ajax的重要基础
Dom编程
Dom=DocumentObjectModel(文档对象模型),根据W3CDOM规范,DOM是HTML与XML的应用编程接口(API),DOM将整个页面映射为一个由层次节点组成的文件。
Js把浏览器,网页文档和网页文档中的html元素都用相应的内置对象来表示,这些对象与对象间的层次关系成为DOM,这些内置对象就是DOM对象,编程人员通过访问DOM对象,就可以实现对浏览器本身,网页文档,网页文档中元素的操作,从而控制浏览器和网页元素的行为和外观。
针对网页(html,jsp,php,)的dom就是htmldom.我们这讲的就是htmldom.
Bom(thebrowserobjectmodel)浏览器对象模型
Confirm()
setInterval():
根据指定的时间循环的执行某个函数或者某个表达式
每隔一秒弹出一个ALERT
FunctionsayHello(){
Window.alert(“hello”);
}
setInterval(“sayHello()”,1000);
在元素间的普通文本就是通过对象名.innerText来添加的
例如:
Document.getElementById(“mytime”).innerText=newDate();
clearInterval();
取消由setInterval()设置的timeout
setTimeout();
在指定毫秒数后调用函数或计算表达式一次
父窗口和子窗口的通讯
Open()函数执行后会返回一个句柄
VarnewWindow=window.open(“新窗口名”,“_blank”);
Navigator对象:
包含当前浏览器的各类信息
Screen
包含当前屏幕的信息
Event对象
代表事件的状态比如:
onclick();
绑定事件监听方法
1直接在某个HTML控件上指定
例如
2getElementById()获取控件后,在绑定
document.getElementById(“but1”).onclick=test;
3W3CDOM标准
绑定
(Object)document.getElementById(“but1”).addEventListener(“onclick”,fnHandler,bCapture);
解除绑定
(object)document.getElementById(“but1”).removeEventListener(“事件名”,fnHandler,bCapture);
IE中独有的事件监听方法:
绑定:
Object.attachEvent(“事件名”,fnHandler);
解除绑定:
object.detachEvent(“事件名”,fnHandler);
fnHandler---函数名没有括号
Document对象
Document代表整个HTML文档,可用来访问页面中的所有元素。
Document对象是window对象的一个成员属性,通过window.document来访问,当然也可以直接使用document
如何判断复选框被选中
functiontest(){
varhobbies=document.getElementsByName("hobby");
for(vari=0;i if(hobbies[i].checked){ vartext=hobbies[i].value; window.alert("您选中了"+text); } } }
Document.getElementsByName();Document.getElementsByTagName();
都是集合对象,都有长度,也就是有.length属性
动态的创建元素,添加元素,删除元素
VarmyElement=document.createElement(“HTML的元素名字”);
例如创建一个超链接:
设置超链接属性:
myElement.href=”a.html”;
myElement.innerText=”连接到a”;
添加到document.body上去
Document.body.appenChild(myElement);
删除元素
删除元素需要知道上一级的父元素,例如上面的BODY,或者是DIV
Document.getElementById(“要删除的元素ID”).parentNode.//得到父亲元素的对象
removeChild(Document.getElementById(“要删除的元素ID”));
NODE节点
在DOM编程中,一个HTML文档会被当做一个DOM树来对待,DOM会把所有的HTML元素映射成NODE节点,于是你就可以使用Node节点(对象)的属性和方法。
NodeType属性规定节点的类型
元素类型节点类型
元素1
属性2
文本3
注释4
文档5
Body对象代表文档的主体(htmlbody)
Body对象时document对象的一个成员属性,通过document.body来访问
使用body对象,要求文档的主体创建后才能使用,也就是说不能在文档的body体还没有创建就去访问body。
Body对象的innerText,innerHTML说明:
document.getElementById("span1").innerText="
document.getElementById("span1").innerHTML="
body是属于document的对象成员;
坦克转向:
通过一次加载一个背景图通过显示该背景图不同的部分,实现转向的效果。
myspan.innerText=”hello”;
向span中写入值
FunctionselectCheck(obj){
Window.alert(obj.innerText);
}
取出超链接里面的值并弹出
Varallforms=document.forms
可以知道网页中有多少个表单
当访问某个表单的某个元素的时候可以
(1)document.forms[第几个表单].元素的名字
(2)document.forms.item(第几个表单).元素的名字
Allforms[1].hobby2.value等价于allforms.item
(1).hobby2.value
在验证表单的时候,可以在
也可以
Onerror为在加载中遇到错误或加载失败触发的函数
Onload为加载成功后触发的函数
All[]提供对文档所有HTML元素的访问
删除表格中的一行
deleteRow();
向表格中插入一行
InsertRow();
在指定的一行添加列
insertCell();
正则表达式:
所谓正则表达式就是用某种模式去匹配一类字符串的一个公式,反应到我们JS中就是一个RegExp对象。
RegExp对象regularexpres
copyright@ 2008-2022 冰豆网网站版权所有
经营许可证编号:鄂ICP备2022015515号-1