javascript文档对象

1、JavaScript函数定义及事件处理WEB编程基础Javascript函数定义1.函数定义function 函数名()语句;return 值;/函数若无返回值则省略。2.函数调用html事件可以被对象识别的操作，如在按钮上点击鼠标事件机制可以实现：当对象的某个状态发生变化时，系统将会通过相应途径调用有关处理这个事件的方法或者触发事件的对象就会调用相应事件处理程序等。在html中通过标签的事件属性对应在该对象上的操作，通过事件属性的值调用相应的事件处理程序,通常事件处理程序由函数担任。基本事件：onLoad：当Web浏览器加载窗口或框架集时。onUnLoad：当Web浏览器从窗口或框架集卸载一

2、个文档时。onClick：当一个元素被鼠标单击时。onDbClick：当一个元素被鼠标双击时。onMouseDown：当在一个元素上方鼠标被按下时。onMouseUp：在一个元素上方鼠标被释放时。onMouseOver：当鼠标指针从一个元素上方经过时。onMouseMove：当鼠标指针在一个元素上方移动时。onmousedownonMouseOut：当鼠标指针离开一个元素时。onFocus：当一个元素接收到来自鼠标或键盘的焦点时。Onblur:事件处理方法1.在事件属性中直接添加代码。aaaaa2. 添加标签事件方法。 / 添加onload 事件 window.onload = functio

3、n() / 找到对象 var myobjection = document.getElementById(myp); / 添加onclick 事件 myobjecton.onclick = function() alert(我被点击了); Click Me 事件处理方法3.通过函数处理 function myfun() alert(我被点击了); aaaaaaaaJavaScript文档对象WEB编程基础浏览器对象模型windowlocationdocumenthistoryframesnavigatorscreenembedsappletslocationlinksimagesformsan

4、chorsradiopasswordhiddenfileuploadcheckboxbuttonelementstextresetsubmitselecttextareaoptions文档对象模型（DOM)浏览器对象模型（BOM)window对象window对象除了是BOM中所有对象的父对象外，还包含一些窗口控制函数1. status和defaultStatus属性status属性就是用于设置状态栏显示的文本。而defaultStatus表示默认的状态栏信息，例如默认情况下IE浏览器会显示“完毕”，可以通过defaultStatus来改变这一信息。window.status=“javascri

5、pt;window.defaultStatus=“javascript;2.open方法新建一个浏览器窗口来打开指定页面。window.open(“1.html”);注：由于浏览器的标签系统导致此方法无法新建窗口，只以新标签打开1.html。所以此方法的详细语法略。3.close方法关闭当前打开的浏览器窗口。window.closewindow对象4.setTimeout和setInterval方法定时器，setTimeout可以使一段代码在指定时间后运行，在延时期限之前取消延时，使用window.clearTimeout(timeoutId)方法； setInterval可以使一段代码每过指

6、定时间就运行一次。function hello()alert(“hello”);var time1=window.setTimeout(hello,5000);/5000的单位是毫秒。 function hello()alert(“hello”);var f1=window.setTimeout(hello,5000);clearTimeout(f1);window对象5.产生对话框的方法alert、prompt和confirmalert弹出警示对话框，字符串直接显示在对话框上。window.alert(“hello”);/window对象可省略，下同。mpt(messag

7、e,defaultValue);prompt用于让用户输入一个值，其中message表示提示信息，defaultValue表示显示于文本框的初始值；函数返回用户的输入。对话框包括【确定】和【取消】两个按钮，用户单击【确定】按钮则返回文本框中的内容，单击【取消】则返回null。var userName=mpt(请输入您的姓名：,);alert(hello,+userName);window.confirm(message);其作用是显示一条信息让用户确认，弹出的对话框包括【确定】和【取消】两个按钮，如果用户单击【确定】，则confirm函数返回true，否则返回false。h

8、istory对象1.length属性历史列表中的访问过的页面数量。var numberofvisited = history.length; alert(“访问页面数是“+numberofvisited); 2.back方法history.back;/后退一页3.forword方法history.forword;/前进一页4.go方法当前浏览页面为0，依次前推-1，-2，history.go(-1);/相当于history.back如果浏览列历史中有http:/还可以：history.go(“http:/”)location对象1.href属性location.href;/可以获取当前页的ur

9、l.location.href=“http:/”;/在当前窗口加载2.reload方法location.reload();/重新加载当前页面.3.assign方法location.assign(“http:/”); /在当前窗口加载新页面，但是可以后退。4. replace方法window.location.replace(“http:/”); /在当前窗口加载新页面，不能后退。document对象1.属性document.title /设置文档标题等价于HTML的标签document.bgColor /设置页面背景色 document.URL /设置URL属性从而在同一窗口打开另一网页 2.方法document.write() /向页