欢迎来到天天文库
浏览记录
ID:38966632
大小:1.55 MB
页数:31页
时间:2019-06-22
《J4DOM编程-window对象》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、第4讲DOM编程-window对象回顾请简述一下JavaScript脚本执行的原理在JavaScript中有哪些控制语句及其含义?如何创建一个有参函数并实现函数调用?2本讲问题解释名词“根节点”、“子节点”和“相邻节点”window对象常用的属性有哪些?请解释setTimeout()方法的功能3本讲任务演示示例1:广告窗口特效演示示例2:时钟显示特效制作广告窗口特效制作时钟显示特效4本讲目标会运用DOM模型查找某个HTML元素会使用window对象的open()方法制作不同风格样式的广告窗口会使用window对象的setTimeout()方法
2、和Date对象制作日期显示效果5HTML文档的树状结构根节点根节点的子节点有什么办法对HTML中的内容进行动态改变呢?演示示例3:动态改变HTML中的内容使用DocumentObjectModel相邻节点6什么是DOMDOM-DocumentObjectModel,它是W3C国际组织的一套Web标准,它定义了访问HTML文档对象的一套属性、方法和事件
3、.innerHTML="搜狐";document.getElementById('myAnchor').href="http://www.sohu.com";}
4、定位链接元素(对象)7DOM对象模型-1http://www.google.comwindow窗口对象location地址对象FORM表单对象浏览器对象的分层结构Text表单元素document文档对象8DOM对象模型-2浏览器对象的分层结构9Window对象常用的属性名称说明status指定浏览器状态栏中显示的临时消息screen有关客户端的屏幕和显示性能的信息history有关客户访问过的URL的信息location有关当前URL的信息document表示浏览器窗口中的HTML文档常用的属性10常用的方法onLoad事件:在窗口或框架完成
5、文档加载时触发window对象常用的方法和事件名称说明alert("提示信息")显示一个带有提示信息和确定按钮的对话框confirm("提示信息“)显示一个带有提示信息、确定和取消按钮的对话框open("url","name","feature")打开具有指定名称的新窗口,并加载给定URL所指定的文档;如果没有提供URL,则打开一个空白文档close()关闭当前窗口showModalDialog()在一个模式窗口中显示指定的HTML文档setTimeout("函数",毫秒数)设置定时器:经过指定毫秒值后执行某个函数11如何使用window对象
6、-1functionopenwindow(){window.status="系统当前状态:您正在注册用户......";if(window.screen.width==1024&&window.screen.height==768)window.open("register.html");elsewindow.alert("请设置分辨率为1024x768,然后再打开");}functionclosewindow(){if(window.confirm("您确认要退出系统吗?"))win
7、dow.close();}示例完整代码在窗口状态栏中设置文本设置窗口的高度使用open方法打开新窗口弹出警告对话框弹出确认对话框关闭当前窗口添加单击事件window是最顶层的根,所以在编写时可以省略例如:window.open("google.htm
8、");可简写为:open("google.htm");同理close()方法也是如此。12如何使用window对象-2-1open("打开窗口的url","窗口名"
此文档下载收益归作者所有