第24章使用 Javascript parent frame location href- url parent frame2 location. href=ur12 然后你可用 loadtwo(" first htm"," second. htm")或者 loadtwo(" third htm"," forth. htm")来调 用这个函数。 245创建新窗口与建立新文档 245.1创建新窗口加载HTML文档 打开一个新的浏览器窗口是 JavaScript的一个重要特性。创建窗口使用 window.open( 命令。下面是一个打开新窗口并把HIML文档(例如2 lecture. html)加载到新窗口的程序: <HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <I-. hide function open Win10 i my win=window open ("21 lecture. html") SCriPt> </HEAD> <BODY <FORM> < INPUT TYPE= SUBMIT VALUE="打开新窗口+新文档 ONCLICK="open Win10"> </FORM> </BODY> </HTML> 运行该程序后在浏览器窗口中显示」打开新箇口新文档」,点击该按钮后就可把你创建 的21 lecture. html文档加载到一个新的浏览器窗口,而原来的窗口仍然存在 2452 window. open的处理法 在函数 window open中,它的处理法( method可有3种选择参数,可以用来指定窗口显 示的内容、窗口的名称和外观。这3个参数是: ①指定要加载的HTML文档的URL。例如,21 lecture html。 ②窗口的名称。“ display window”是所有web浏览器都支持的名称。有些浏览器可使 用你自己喜欢的名称,例如“ My window”。 ③一套窗口外观参数选项( options)。例如,窗口的宽度、高度、滚动框和其他功能。 newwindow=window open("mypage html","mywindow", options) 例如,要把21 lecture. htm文档加载到一个宽度(widh)为400象素、高度 heigh)为300 象素的浏览器窗口,窗口中没有状态( status栏、没有工具栏( ( toolbar)和选单栏( menubar),创 建这种窗口可以写出如下所示的程序 <HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript"> function open Win20i my win=open("21 lecture. html", "display Window width=400, height=300, status=no, toolbar=no, menubar=no"); ∥
第 24 章 使用 JavaScript 11 parent.frame1.location.href= url1; parent.frame2.location.href= url2; } 然后你可用 loadtwo("first.htm", "second.htm") 或者 loadtwo("third.htm", "forth.htm")来调 用这个函数。 24.5 创建新窗口与建立新文档 24.5.1 创建新窗口加载 HTML 文档 打开一个新的浏览器窗口是 JavaScript 的一个重要特性。创建窗口使用 window.open() 命令。下面是一个打开新窗口并把 HTML 文档(例如 21_lecture.html)加载到新窗口的程序： <HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- hide function openWin1() { myWin=window.open("21_lecture.html"); } // --> </SCRIPT> </HEAD> <BODY> <FORM> <INPUT TYPE=SUBMIT VALUE="打开新窗口+新文档" ONCLICK="openWin1()"> </FORM> </BODY> </HTML> 运行该程序后在浏览器窗口中显示 ，点击该按钮后就可把你创建 的 21_lecture.html 文档加载到一个新的浏览器窗口，而原来的窗口仍然存在。 24.5.2 window.open()的处理法 在函数 window.open 中，它的处理法(method)可有 3 种选择参数，可以用来指定窗口显 示的内容、窗口的名称和外观。这 3 个参数是： ① 指定要加载的 HTML 文档的 URL。例如，21_lecture.html。 ② 窗口的名称。“displayWindow”是所有 Web 浏览器都支持的名称。有些浏览器可使 用你自己喜欢的名称，例如“MyWindow”。 ③ 一套窗口外观参数选项(options)。例如，窗口的宽度、高度、滚动框和其他功能。 newwindow=window.open("mypage.html","mywindow", options) 例如，要把 21_lecture.html 文档加载到一个宽度(width)为 400 象素、高度(height)为 300 象素的浏览器窗口，窗口中没有状态(status)栏、没有工具栏(toolbar)和选单栏(menubar)，创 建这种窗口可以写出如下所示的程序： <HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!--hide function openWin2() { myWin=open("21_lecture.html", "displayWindow", "width=400,height=300,status=no,toolbar=no,menubar=no"); } // -->
第24章使用 Javascript <SCRIPT> </HEAD> < INPUT TYPE= SUBMIT VALUE="打开指定新窗口” NCLICK="open Win20"> <FORM> </BODY> </HTML> 请注意:①在字符串"widh=400, height=300 status=no, toolbar=no, menubar=no"中没有空格 字符②myWn是变量,而不是 window的名称。表24-01列出了可供选择的参数选项 窗口参数选项 窗口属性 yes/I directories(显示目录栏) height(设置窗口高度) 象素值 location(显示文档地址框) menubar(显示选单栏) sizable(设置窗口缩放) eno scrollbars(设置滚动框) status(设置状态栏) toolbar(设置工具栏) width(设置窗口宽度) 象素值 2453创建新窗口与建立新文档 JavaScript的一个很时髦特性是可以在创建的新窗口中创建HIML文档以及 VRML( Virtual Reality Modeling Language)文档。下面是创建一个简单的HIML文档的程序 <HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <l-. hide function open Win30 i my win= open(", "display window' width=500, height=400, status=yes, toolbar=yes, me ); 打开文档准备后面的输出 my Win. document open ∥创建文档而不是打开新窗口 my Win. document. write("<HIML><HEAD><LE>创建新的HIML文档") my win. document. write("</TITLE></HEAD><BODY>) my Win. document. write("<CENTER><FONT SIZE=+1>") my Win. document. write("用 JavaScript创建HIML文档") my Win. document. write("</FONTS</CENTER>") my win. document. write("</BODY></HTML>") ∥关闭文档而不是窗口 my win. document. close </SCRIPT> </HEAD> <BODY>
第 24 章 使用 JavaScript 12 </SCRIPT> </HEAD> <BODY> <FORM> <INPUT TYPE=SUBMIT VALUE="打开指定新窗口" NCLICK="openWin2()"> </FORM> </BODY> </HTML> 请注意：①在字符串"width=400,height=300,status=no,toolbar=no,menubar=no"中没有空格 字符;②myWin 是变量，而不是 window 的名称。表 24-01 列出了可供选择的参数选项。 表 24－01 窗口参数选项 窗口属性 yes/no directories(显示目录栏) yes/no height(设置窗口高度) 象素值 location(显示文档地址框) yes/no menubar(显示选单栏) yes/no resizable(设置窗口缩放) yes/no scrollbars(设置滚动框) yes/no status(设置状态栏) yes/no toolbar(设置工具栏) yes/no width(设置窗口宽度) 象素值 24.5.3 创建新窗口与建立新文档 JavaScript 的一个很时髦特性是可以在创建的新窗口中创建 HTML 文档以及 VRML(Virtual Reality Modeling Language)文档。下面是创建一个简单的 HTML 文档的程序： <HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- hide function openWin3() { myWin= open("", "displayWindow", "width=500,height=400,status=yes,toolbar=yes,menubar=yes"); //打开文档准备后面的输出 myWin.document.open(); // 创建文档而不是打开新窗口 myWin.document.write("<HTML><HEAD><TITLE>创建新的 HTML 文档"); myWin.document.write("</TITLE></HEAD><BODY>"); myWin.document.write("<CENTER><FONT SIZE=+1>"); myWin.document.write("用 JavaScript 创建 HTML 文档"); myWin.document.write("</FONT></CENTER>"); myWin.document.write("</BODY></HTML>"); // 关闭文档而不是窗口 myWin.document.close(); } // --> </SCRIPT> </HEAD> <BODY>