【文档说明】JavaScript程序设计基础教程-第6章--窗口和框架.pptx,共(15)页,83.645 KB,由小橙橙上传
转载请保留链接:https://www.ichengzhen.cn/view-2266.html
以下为本文档部分文字说明:
JavaScript程序设计第6章窗口和框架6.1Window对象概述6.2窗口框架简介6.3窗口框架控制6.4FRAME之间的链接JavaScript程序设计第6章窗口和框架6.5浮动窗口6.6实战:iframe创建动态内容JavaScript程序设计Window对象常用属性和方法(1)简
单对话框:alert()、confirm()和prompt();(2)状态栏:status属性和defaultStatus属性;(3)定时设定和时间间隔:setTimeout()、clearTimeout()、setInterval
()、clearInterval();(4)navigator:用于获取浏览器和操作系统的信息;(5)Screen对象:有关用户显示器的大小和可用的颜色数量的信息;(6)Location对象:窗口中当前显示的文档的URL;(7)History对象:保存着用户上网的历史记录;
6.1Window对象概述第6章窗口和框架JavaScript程序设计窗口相关操作(1)窗口位置获取:screenLeft和screenTop、screenX和screenY;(2)窗口位置移动:moveTo()和moveBy();(3)窗口大小获取:outerWidth和ou
terHeight、innerWidth和innerHeight;(4)窗口大小调整:resizeTo()和resizeBy();(5)打开窗口:open();(6)关闭窗口:close();6.1Window对象概述第6章窗
口和框架JavaScript程序设计什么是窗口框架窗口框架可用于将窗口画面分割成多个小窗口,且每个小窗口中,可以显示不同的网页,达到在浏览器中同时浏览多个不同网页的效果。6.2窗口框架简介第6章窗口和框架JavaScript
程序设计窗口框架的基本结构<frameset><framesrc="url“name=“w1”><framesrc="url“name=“w2”>...<NOFRAMES>...</NOFRAMES><
/frameset>6.2窗口框架简介第6章窗口和框架JavaScript程序设计水平/垂直分隔<framesetrows="值1,值2,...值n"><framesetcols="值1,值2,...值n">6.3
窗口框架控制第6章窗口和框架JavaScript程序设计设置窗口宽度<HTML><HEAD><TITLE>窗口框架宽度设置</TITLE></HEAD><FRAMESETborder=10cols="40%,60%"
rows="2*,*"><FRAMEname="TopLeft"src="red.html"><FRAMEname="TopRight"src="green.html"><FRAMEname="BotLeft"src="blue.html"><FRAMEname="BotRight"src=
“yellow.html"></FRAMESET></HTML>6.3窗口框架控制第6章窗口和框架JavaScript程序设计子窗口设置标签frame的六个属性src、name、marginwidth、marginheight、
scrolling和noresize。6.3窗口框架控制第6章窗口和框架JavaScript程序设计链接对于框架网页中的超链接,可用target属性指定该链接的内容在哪个窗口显示;<framename="windows1"sr
c="toc.html"scrolling=auto><framename="windows2"src="pref.html">_blank_self_parent_top6.4FRAME之间的链接第6章窗口和框架JavaScript程序设计浮动窗口在一个页
面中直接引入另一个页面,这种技术称为浮动的窗口(Floatingframe)(也叫“内部框架”;<iframesrc="URL"name="子窗口名称"width="x"height="x"scrolling="[OPTION]"framebo
rder="x"marginheight=0marginwidth=0></iframe>6.5浮动窗口第6章窗口和框架JavaScript程序设计实战(1)案例描述编写程序使用JavaScript为iframe创建动态内容,当用户点击页面链
接时,显示当前session中用户访问页面的次数。(2)实现思路1)首先创建一个HTML主页面。页面包含一个子窗口iframe;2)定义函数initLinks循环遍历页面上所有的链接;3)定义数组pageCount用
来记录加载页面的次数;4)函数writeContent设置变量newText用来存储iframe的动态内容;6.6实战:iframe创建动态内容第6章窗口和框架JavaScript程序设计Window对象概述窗口框架简介窗口框架控制FRAME之间的链接浮
动窗口总结第6章窗口和框架JavaScript程序设计