《Java Web程序开发与分析》课件_第四章.ppt

*5、事件为了将JavaScript代码和HTML内容分离，把事件处理程序放在script标签中scriptwindow.onload=function(){};document.getElementById(title).onclick=function(){ console.log(titleclicked); };/script*5、事件使用注册监听器函数element.addEventListener(event,callback,use-capture)document.getElementById(title).addEventListener(click,function(event){ console.log(event.currentTarget.tagName); },false);*2、window对象(3)window.frames[]框架的对象数组（如果当前窗口含有框架对象）；(4)window.name为框架（或者脚本打开的窗口）指定的名称；(5)window.parent是指包含框架的父窗口；(6)window.top使用框架时对顶层窗口的引用；*2、window对象window对象的常用方法有：（1）创建窗口创建新窗口是window对象主要的应用，它可以在不清除当前窗口的情况下创建一个新窗口，如：弹出一个广告窗口等。创建新窗口的语法为：window.open(“URL”,”windowName”,”featureList”);*2、window对象(2)关闭窗口关闭窗口的方法为：window.close()。浏览器一般不允许在未得到用户许可的情况下关闭主浏览器窗口。例：在页面中允许用户通过单击一个按钮打开一个新窗口，然后可以关闭它，并尝试关闭当前窗口。*htmlhead/headbodyh1Creatanewwindow/h1formname=“winform”inputtype=“button”value=“opennewwindow”onClick=“NewWin=window.open(‘’,’NewWin’,’toolbar=0,width=200,height=100’);”inputtype=“button”value=“Closewindow”onClick=“NewWin.close();”inputtype=“button”value=“Closemainwindow”onClick=“window.close();”/form/body/html*2、window对象(3)移动和调整窗口大小DOM允许移动和调整窗口大小，其方法为：window.moveTo(x,y);window.moveBy(x,y);window.resizeTo(width,height);window.resizeBy(width,height)*2、window对象(4)使用框架在一个窗口中含有多个框架时，每个框架都由一个frame对象表示。该对象等效于window对象，并且对象的名称与frame标签中定义的名称相同。*framesetrows=“*,*”cols=“*,*”framename=“topleft”src=“topleft.htm”framename=“topright”src=“topright.htm”framename=“bottomleft”src=“bottomleft.htm”framename=“bottomright”src=“bottomright.htm”/frameset在topleft.htm页面的JavaScript代码中，对其他3部分的引用则是：parent.topright,parent.bottomleft,parent.bottomright*3、获取Web文档在DOM模型中，载入浏览器的Web文档由document对象表示，它代表整个文档，也是文档的根节点，document对象是访问Web页面文档的入口。document对象的一