威尼斯人线上娱乐

javascript学习随笔,JavaScript窗口操作window

23 9月 , 2019  

JavaScript允许成立和开采代表HTML文本, form对象和frame的窗口. window对象是JavaScript客商档期的顺序结构的最顶层对象, form成分和任何JavaScript代码都以存在于文书档案中,而文档棉被服装载进窗口. 为了驾驭窗口怎么着工作,你能够操纵操作那些窗口. 

1.HTML框架frameset的应用
框架编制程序概述多少个HTML页面能够有贰个或八个子框架,这几个子框架以<iframe>来标识,用来展现二个独门的HTML页面。这里所讲的框架编制程序满含框架的自身调整以及框架之间的互动拜候,举例从一个框架中援用另一个框架中的JavaScript变量、调用其余框架内的函数、调控另五个框架中表单的行事等。
框架间的并行援引:贰个页面中的全部框架以聚众的花样作为window对象的个性提供,举例:window.frames就意味着该页面内具有框架的聚合,那和表单对象、链接对象、图片对象等是相仿的,不相同的是,这几个聚集是document的习性。由此,要引用一个子框架,能够采用如下语法:

在js中窗口操作最多的就是window.open()函数了,上边大家来介绍js窗口种种操作了,有须求驾驭的同学可进入参谋仿照效法。

张开和停业窗口
当顾客运转(launch)Navigator时,将机关创造叁个窗口.客户还足以接纳Navigator的File菜单上的New Web Browser展开一个窗口, 能够用Navigator的File菜单的Close或Exit关闭一个窗口.也能够用程序的法子来开拓或关闭三个窗口.

复制代码 代码如下:

在HTML中开采窗口

张开窗口
用艺术open创制一个窗口.下边语句创建了三个名称叫msgWindow的窗口,并在该窗口内展现文件sesame.html的内容.

window.frames[“frameName”];
window.frames.frameName;
window.frames[index];

大家曾经知道哪些在HTML中打开二个窗口。大多脚下风靡的浏览器中,
你可用一个href语句张开贰个新窗口,举例:

msgWindow=window.open(“sesame.html”)

内部,window字样也足以用self取代或简捷,假如frameName为页面中首先个框架,则以下的写法是等价的:
self.frames[“frameName”]==self.frames[0]==frames[0]
各类框架都对应四个HTML页面,所以这几个框架也是二个独立的浏览器窗口,它富有窗口的具备性质,所谓对框架的引用约等于对window对象的援引。有了那个window对象,就能够很方便地对中间的页面进行操作,举个例子使用window.document对象向页面写入数据、使用window.location属性来退换框架内的页面等。上面分别介绍不相同档案的次序框架间的互相援用:
1) 父框架到子框架的引用
接头了上述原理,从父框架援引子框架变的极其轻易,即:window.frames[“frameName”];
这样就引述了页面内名字为frameName的子框架。假如要援用子框架内的子框架,根据引用的框架实际正是window对象的属性,可以如此完成:
window.frames[“frameName”].frames[“frameName2”];
那样就引述到了二级子框架,就这样类推,能够达成多层框架的援引。
2) 子框架到父框架的引用
种种window对象都有一个parent属性,表示它的父框架。借使该框架已经是顶层框架,则window.parent还表示该框架本人。
3) 兄弟框架间的援用
假诺七个框架同为贰个框架的子框架,它们称为兄弟框架,能够通过父框架来兑现互动援引,比如三个页面满含2个子框架:

点击

上边包车型地铁那个讲话能够创设二个名叫homeWindow的窗口,用于显示Netscape的home page.

复制代码 代码如下:

 代码如下

homeWindow=window.open(“”)

<frameset rows=”50%,50%”>
<frame src=”1.html” name=”frame1″ />
<frame src=”2.html” name=”frame2″ />
</frameset>

复制代码

窗口能够有七个名字.下述语句创制了一个有多个名字的窗口,首个名称叫msgWindow用于引用窗口的习性,方法和包涵关系, 第一个名字displayWindow用于把窗口作为form提交 或超文本链的对象来援用时.

在frame第11中学能够使用如下语句来引用frame2:
self.parent.frames[“frame2”];
4) 差异档次框架间的互动援用
框架的层系是指向顶层框架来讲的。当等级次序各异时,只要知道自个儿所在的层系以及另贰个框架所在的等级次序和名字,利用框架援引的window对象性质,能够很轻巧地贯彻互动访谈,比方:
self.parent.frames[“childName”].frames[“targetFrameName”];
5) 对顶层框架的引用
javascript学习随笔,JavaScript窗口操作window。和parent属性类似,window对象还应该有二个top属性。它代表对顶层框架的援引,这足以用来判定二个框架本身是或不是为顶层框架,举例:
//判断本框架是不是为顶层框架
if(self==top){//dosomething }
转移框架的载入页面:
对框架的援引正是对window对象的引用,利用window对象的location属性,能够变动框架的领航,举例:
window.frames[0].location=”1.html”;
这就将页面中首先个框架的页面重定向到1.html,利用那脾性情,乃至能够采取一条链接来更新几个框架:

<A href=”yer_new_window.html” target=yer_new_window>
这里</A>

始建窗口时,并不要求自然给出窗口名.可是您若筹算从另一个窗口中引用此窗口,则此窗口必得有一个名字.有关使用窗口名字的音信参见windows and frames有关资料.

复制代码 代码如下:

就可以张开另贰个窗口.

开荒窗口时,能够钦命窗口属性,如窗口的可观,宽度,是还是不是带有工具条,location域或滚动条等等.下述语句创设了八个没有工具条但带有滚动条的窗口.

<frameset rows=”50%,50%”>
<frame src=”1.html” name=”frame1″ />
<frame src=”2.html” name=”frame2″ />
</frameset>
<!–somecode–>
<a href=”frame1.location=’3.html;frame2.location=’4.html'”
onclick=””>link</a>
<!–somecode–>

申明:上述代码,目的链接展开的窗口是上面名称叫”yer_new_window” 的窗口。

msgWindow=window.open
(“sesame.html”,”displayWindow”,”toolbar=no,scrollbars=yes”)

引用别的框架内的JavaScript变量和函数:
在介绍引用别的框架内JavaScript变量和函数的技巧在此之前,先来看以下代码:

简言之温习href指标后,下边将学习怎么在JavaScript中开辟窗口

至于窗口的习性的细节请参见OPEN 方法. 

复制代码 代码如下:

在JavaScript中展开窗口

闭馆窗口
能够在前后相继中动用方法close来关闭二个窗口.不一样意只关闭一个frame, 而不关掉全数父窗口.

<script language=”JavaScript” type=”text/javascript”>
<!–
function hello(){
alert(“hello,ajax!”);
}
window.hello();
//–>
</script>

在HTML中开垦窗口存在有的败笔:你左右不停其窗口的尺寸及方式。但JavaScript给了你这种调节权。

下述语句均可关闭当前窗口:

假诺运维了这段代码,会弹出“hello,ajax!”的窗口,这便是试行hello()函数的结果。那为啥hello()形成了window对象的秘技呢?因为在三个页面钦命义的具有全局变量和全局函数都以作为window对象的积极分子。譬喻:
var a=1; alert(window.a);
就能够弹出对话框呈现为1。相同的原理,在分化框架之间分享变量和函数,便是要通过window对象来调用。比如:
一个物品浏览页面由四个子框架组成,左边表示商品归类的链接;当客户单击分类链接时,侧面突显相应的货物列表;顾客能够单击商品旁的【购买】链接将物品参与购物车。
在那么些事例中,能够采纳左边导航页面来存款和储蓄客户希望购买的商品,因为当客商单击导航链接时,变化的是其余二个页面,即商品显示页面,而导航页面自身是不改变的,因而个中的JavaScript变量不会甩掉,能够用来存款和储蓄全局数据。其达成原理如下:假诺侧面页面为link.html,右边页面为show.html,页面结构如下:

JavaScript中开拓窗口的语法是:

window.close()
self.close()
//此语句不能够用在事件管理程序中
close()

复制代码 代码如下:

 代码如下

下述语句关闭了多少个名称为msgWindow的窗口:

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”>
<html>
<head>
<title> New Document </title>
</head>
<frameset cols=”20%,80%”>
<frame src=”link.html” name=”link” />
<frame src=”show.html” name=”show” />
</frameset>
</html>

复制代码

msgWindow.close()

在show.html中展现的货色旁边能够投入那样一条语句:
<a href=”void(0)”
onclick=”self.parent.link.addToOrders(32068)”>参与购物车</a>
在那之中link表示导航框架,在link.html页面中定义了arrOrders数组来囤积商品的id,函数addToOrders()用来响应商品旁边【购买】链接的单击事件,它接受的参数id表示商品的id,例子中是四个id为32068的物品:

window.open(“URL”,”name”,”features”);


复制代码 代码如下:

参数表明:
  
<SCCR-VIPT LANGUAGE=”javascript”> js脚本开端;
  window.open 弹出新窗口的通令;
  ’page.html’ 弹出窗口的文件名;
  ’newwindow’ 弹出窗口的名字(不是文本名),非必得,可用空”代替;
  height=100 窗口高度;
  width=400 窗口宽度;
  top=0 窗口距离屏幕上方的象素值;
  left=0 窗口距离显示器左边的象素值;
  toolbar=no 是还是不是出示工具栏,yes为彰显;
  menubar,scrollbars 表示菜单栏和滚动栏。
  resizable=no 是不是允许更换窗口大小,yes为允许;
  location=no 是不是出示地址栏,yes为允许;
  status=no
是或不是出示状态栏内的音讯(平常是文本已经展开),yes为允许;
</SCRIPT>

 

<script language=”JavaScript” type=”text/javascript”>
<!–
var arrOrders=new Array();
function addToOrders(id){
arrOrders.push(id);
}
//–>
</script>

第四个参数 U奥迪Q5L,实际行使时,恐怕是那样的

第二个参数
name,窗口的名字,假如你展开窗口时已有一个同名窗口张开,那么UMuranoL将把open语句送到原本已开发的窗口。
其多少个参数
features,该参数可选,它意味着窗口所兼有的区别风味,具体参阅“Windows性子”

使用frame
frame是一种奇特的窗口,它能够在三个窗口突显七个单身滚动的frame.每一个frame又有分别分裂的USportageL. 各frame能够本着不一致的UQashqaiL,也得以看成任何ULANDL目的,但必需在同三个窗口内. 一层层的frame 组成页(page).

这么,在结帐页面或是购物车浏览页面就足以用arrOrders来赢得具有谋算购买的商品。框架能够使一个页面划分为意义独立的多个模块,各个模块之间相互独立,但又能够透过window对象的援用来创立联系,是Web开垦中的七个至关首要体制。在Ajax开辟中,还足以行使遮掩框架达成各个技术,Ajax达成无刷新上传文件以及消除Ajax的迈入后退难点都会用到这种本事。

来看实例1:

下图是多少个暗含四个frame的窗口

  1. 如何动态改变frame和iframe的尺码大小?
    改变frame尺寸:

 代码如下

            This frame is                     This frame is
named listFrame                   named contentFrame

复制代码 代码如下:

复制代码

|                                   |
—————–v———————————–v————
| Music Club            |      Toshiko Akiyoshi                  |
| Artists               |         Interlude                      |

//index.html
<html>
<head>
<meta name=”GENERATOR” content=”Microsoft FrontPage 5.0″>
<meta name=”ProgId” content=”FrontPage.Editor.Document”>
<meta http-equiv=”Content-Type” content=”text/html;
charset=gb2312″>
<title>动态改造框架大小 </title>
</head>
<FRAMESET name=”full” rows=”50%,50%”>
<FRAME SRC=”main.htm”>
<FRAME SRC=”main.htm”>
</FRAMESET>
</html>

<A onclick=”window.open(‘win_1.html’,’javascript_1′);”
href=”#”> Here’s a window named javascript_1</A>.

| Jazz                  |      The Beatles                       |
| – T. Akiyoshi         |         Please Please Me               |
| _ J. Coltrame         |                                        |
| – M. Davis            |      Betty carter                      |
| – D. Gordon           |         Ray Charles and Betty Carter   |

//2.main.htm

来看实例2:

| Soul                  |      Jimmy Cliff                       |
| – B. Carter           |         The Harder They Come           |
| _ R. Charles          |                                        |

复制代码 代码如下:

 代码如下

|     …               |         …                            |

| Alphabetical By category Musician Descriptions                 |
—————–^————————————————

|
This frame is named
navigateFrame
成立一个frame
在HTML文书档案中利用<frameSET>标识就足以创制贰个frame. <frameSET>标志在HTML文书档案中的独一效用正是概念组成页的逐一frame的布局(layout).

例1 下述语名定义了上航海用教室所示的一组frame

<FRAMESSET ROWS =”90%,10%”>
 <FRAMESET COLS=”30%,70%”>
   <FRAME SRC=category.html NAME=”listFrame”>
ALT=”BACKWARD” HEIGHT=32 WIDTH=32>    <FRAME SRC=titles.html NAME=”contentFrame>
ALT=”BACKWARD” HEIGHT=32 WIDTH=32>  </FRAMESET>
 <FRAME SRC =navigate.html NAME=”navigateFrame”> 
</FRAMESET>

下图给出了那个frame的档次结构,即便有三个frame是在另二个frameset中定义的,但那多个frame有同三个父亲, 那是因为frame的老爸是它的父窗口,而窗口是由frame实际不是frameset鲜明的.

top

+–listFrame (category.html)

+–contentFrame(titles.html)

+–navigateFrame(navigate.html)
你也足以数组frames引用上述的frame(有关数组frames的新闻参见frame对象):
listframe 用 top.frame[0]表示 
contentframe 用 top.frame[1]表示 
navigateframe 用 top.frame[2]表示 
例2 能够用另八个情势创造上述窗口: 最终边的七个frame与navigateFrame各有不相同的四伯,顶层的frameset定义如下:

<FRAMESSET ROWS =”90%,10%”>
  <FRAME SRC=muske13.htm NAME=”upperFrame”>
ALT=”BACKWARD” HEIGHT=32 WIDTH=32>   <FRAME SRC=navigate.html NAME=”navigateFrame>
ALT=”BACKWARD” HEIGHT=32 WIDTH=32> </FRAMESET>

文本muskel3.html富含了上述frame的龙骨,并定义了下述frameset.

<FRAMESSET COLS =”30%,70%”>
  <FRAME SRC=categroy.html NAME=”listFrame”>
ALT=”BACKWARD” HEIGHT=32 WIDTH=32>   <FRAME SRC=titles.html NAME=”contentFrame>
ALT=”BACKWARD” HEIGHT=32 WIDTH=32> </FRAMESET> 

下图表明了那多少个frame的层系关系upperFrame和navigateFrame分享二个二伯:最顶的window. 而listFrame和contentFrame分享三个五叔:upperFrame.

top

|                        +–listFrame
|                        | (category.html)
+—upperFrame———–|
|  (muske13.html)        |
|                        +–contentFrame
|                           (titles.html)

+–navigateFrame
(navigate.html)
能够用下边的主意援用这么些frame(关于frame数组的消息参见frame对象).
upperFrame 用 top.frame[0]表示 
navigateFrame 用 top.frame[1]表示 
listFrame 用 upperFrame.frames[0] 或top.frames[0].frames[0]表示 
contentFrame 用upperFrame.frames[1] 或top.frames[0].frames[1]表示 
更新frame(updating frames)
举个例子您作证了frame档期的顺序结构,你能够用location属性来设置UEscortL, 以革新frame的内容. 

例如说,在动用上节例第22中学frameset时,若希望客户可以关闭含有字母序或分类序的画画大师列表的frame(名字为listframe),且只想见见按作曲家排序的著述标题(在contentFrame中), 则能够向navigateFrame 中加入如下按键.

<INPUT TYPE=”button” VALUE=”Titles Only”
onClick=”top.frames[0].location=’artists.html'”>

当客户按动此按键时,文件artist.html被加载到名称为upperFrame的frame中,而listFrame和contentFrame被关门,且不再存在.

援用frame和在frame之间浏览(navigate)
因为frame是一种窗口,所以您能够与利用窗口类似的艺术援引frame和在frame 之间浏览.

frame的例子
在上一节中, 若frameset被设计为三个音乐俱乐部的可用的标题,则那么些frame及其HTML文件包含下述的原委:

category.html 位于listFrame中, 放有按分类排序的作曲家列表 
titles.html 位于contentFrame中, 放有按字母体系里各作曲家姓名及该作曲家的文章标题. 
navigate.html 位于navigateFrame中, 放有超文本链, 使客商挑选怎么样在listFrame中显示作曲家:以字母序或分类序.这一个文件还定义了三个超文本链, 使客商能够显得每种作曲家的简要介绍. 
附Gavin件阿尔法bet.html 放有按字母排序的作曲家,当客户想展示字母连串表时,按动此链,这几个文件中就呈现在listFrame中. 
文件category.html (按分类排序)包括的代码类似于下述:

<B>Music Club Artists</B>
<P><B>Jazz</B>
<LI><A HREF=titles.html#0001 TARGET=”contentFrame”>Toshiko Akiyoshi</A>
<LI><A HREF=titles.html#0006 TARGET=”contentFrame”>Jon Coltrane</A>
<LI><A HREF=titles.html#0007 TARGET=”contentFrame”>Miles Davis</A>
<LI><A HREF=titles.html#0010 TARGET=”contentFrame”>Dexter Gordon</A>

<P><B>Soul</B>
<LI><A HREF=titles.html#0003 TARGET=”contentFrame”>Betty Cater</A>
<LI><A HREF=titles.html#0004 TARGET=”contentFrame”>Ray Charles</A>

文件 阿尔法bet.html (按字母排序) 蕴含的代码类似于下述:

<B>Music Club Artists</B>
<LI><A HREF=titles.html#0001 TARGET=”contentFrame”>Toshiko Akiyoshi</A> 
<LI><A HREF=titles.html#0002 TARGET=”contentFrame”>The Beatles</A> 
<LI><A HREF=titles.html#0003 TARGET=”contentFrame”>Betty Carter</A>
<LI><A HREF=titles.html#0004 TARGET=”contentFrame”>Ray Charles</A>
……

文本 navigate.html(在显示屏底边的导航链)富含的代码类似下边. 注意: artists.html的靶子是”_parent”. 当顾客按动此链时,整个窗口被重写,因为最上层窗口是navigateFrame的父辈.

<A HREF=alphabet.html TARGET=”listFrame”><B>Alphabetical</B></A>
&nbsp&nbsp&nbsp
<A HREF=category.html TARGET=”listFrame”><B>By category</B></A>
&nbsp&nbsp&nbsp
<A HREF=artists.html TARGET=”_parent”>
<B>Musician Descriptopns</B></A>

文件titles.html(主文件,呈现在侧边的框架中)富含的代码大概如下:

<!——————————————————————>
<A NAME=”0001″><H3>Toshiko Akiyoshi</H3></A>
<P>Interlude
<!——————————————————————>
<A NAME=”0002″><H3>The Beatles</H3></A>
<P>Please Please Me
<!——————————————————————> 
<A NAME=”0003″><H3>Betty Carter</H3></A>
<P>Ray Charles and Betty Carter

至于创制frame语法细节参见frame对象.


 

引用window和frame
用哪个名字来援用窗口取决于你是想援引窗口的属性、方法和事件管理程序,照旧想把window作为form提交或超文本链的对象.

因为window对象位于JavaScript客商档期的顺序结构的最顶层. window是印证窗口内各目的间满含关系的基础.

援引窗口的属性、方法和事件管理程序
可以用如下办法之一来援用当前窗口或其余窗口的性质、方法及事件管理程序:

self或window: self和window含义一样, 都以指当前窗口, 能够任选其一来引用当前窗口.如,调用window.close()或self.close()来关闭当前窗口 
top或parent: top和parent均用来代替窗口的名称. top是指最上层的Navigator窗口, parent则是指包罗frameset的窗口.例如,语句parent.frame2.document.bgColor=”teal”把名称为frame2的frame的背景颜色置成teal. frame2是近来frameset的四个frame. 
窗口变量的名字: 窗口变量名称叫开采窗口时钦定的变量.如,msgWindow.close关闭名称为msgWindow的窗口. 可是若想在事件管理程序中开荒或关闭多个窗口,必需用window.open()或window.close(),而无法用open()和close().由于JavaScript中的静态对象的效用域难点, 调用close而不钦赐对象名等价于document.close(). 
简单的说窗口名. 因为老是假定了脚下窗口,调用窗口的法门和应用其属性时,可以大约窗口名. 如close()关闭了当前窗口. 
关于窗口方法的音讯参见window对象

例1 引用当前窗口. 上面这几个讲话援引了当前窗口内的名叫musicform的form.如若查对框被考察,则该语句展现贰个警示.

if (self.document.musicForm.checkbox1.checked) 
  alert(‘The checkbox on the misicForm is checked’)

例2 引用另外窗口.下边包车型地铁言语引用了坐落窗口checkboxWin的名称叫musicform的form.这几个话语完结剖断是不是核查框被核查,推行核准该查对框,判定是或不是select对象的三个挑选被入选,选用SELECT 对象的多少个精选

//决断是不是核查框被查处
if (checkboxWin.document.musicForm.checkbox2.checked) {
  alert(‘The checkbox on the misicForm in checkboxWin is checked’)}

//试行审查批准该查对框
checkboxWin.document.musicForm.checkbox2.checked=true

//判定是否select对象的二个挑选被入选
if (checkboxWin.document.musicForm.musicTypes.options[1].selected)
alert(‘Option 1 is selected!’)

//选用SELECT 对象的多个摘取
checkboxWin.document.musicForm.musicTypes.selectedIndex=1

例3 引用另二个窗口中的frame. 下述语句引用了窗口window第22中学的名称为frame2的frame.这条语句把frame2的背景颜色改为浅紫,名字frame2必需是在<FRAMESET>标识中指明. <FRAMESET>能发出frameset.

window2.frame2.document.bgColor=”violet”

在form提交或超文本链中引用三个窗口
当把三个窗口用作form提交或超文本链的指标时(作为<FORM>或<A>标识的TALX570GET属性), 要使用窗口名,而不可能用窗口变量. 那么些窗口将是链棉被服装载进的窗口,或许对于form来说,是显得服务器响应的窗口.

例1 第二窗口. 下边包车型客车例证给第二窗口创立了贰个超文本链.那么些事例中,有:一个开关,此开关窗口能开发名叫window2的窗口;三个链接,把文件doc2.html装入最新开荒的窗口;另三个按键,此开关关闭窗口.

<P>
<INPUT TYPE=”button” VALUE=”Open window2″
onClick=”msgWindow=window.open(”,’resizable=no,width=200,height=200′)”
<P>
<INPUT TYPE =”button” VALUE=”Close window2″
onClick=”msgWindow.close()”>

例2 第二窗口的anchor.在第二窗口内给anchor成立一个超文本链,这些链接在窗口window第22中学突显文件doc2.html的名称叫number的anchor .

<A HREF=doc2.html#numbers TARGET=”window2″>Numbers</A>

例3 frame的名称. 下例为frame内的anchor创立了贰个超文本链.那么些链在名称叫contFrame中显示文件sesame.html中名称叫abs_method.那一个frame必需放在日前frameset中,且frame的名字要用<FRAMESET>标识的NAME属性定义.

<A HREF=sesame.html#abs_method TARGET=”contentFrame”>abs</A>

例4 常frame的名称. 下例为文件创造了贰个超文本链.这一个链把文件artists.html的内容呈未来现阶段frameset的父窗口内,这么些链对象(link object)出现在frameset的某些frame中,当顾客按动此链时, frameset中的全部frame都毁灭,artists.ftml的源委棉被服装入到父窗口内.

<A HREF=”artists.html” TARGET=”_parent”>
<B>Musician Descriptions</B></A>


 

在窗口之间浏览(Navigating among windows)
能够同时张开非常多Navigator窗口. 顾客能够按动窗口,给此窗口focus,达成在那一个窗口之间浏览. 你能够用编制程序序的措施把focus给一个窗口内的靶子,或然通过点名此窗口作为顶尖文本链指标的办法.固然你能退换第二窗口内对象的值,但并不能够激活第二窗口,当前窗口总是活动的.

运动窗口是兼具focus的窗口,一旦窗口具有了focus,此窗口被放在最前头,能够可知地被改换. 举个例子,此窗口的标题栏可以转移颜色. 视觉效果随你所用的平台而颇具变化.

例1 把focus赋给另四个窗口的对象.下述语句能够把focus赋给窗口checkboxWin内的文件对象city, 因为city得到了focus, checkboxWin也就得到了focus而成了移动窗口.那些例子还满含了创办checkboxWin的语句.

checkboxWin=window.open(“doc2.html”) 

checkboxWin.document.musicForm.city.focus()

例2 利用超文本链把focus赋给另一个窗口. 下边包车型地铁语句钦定window2作为超文本链的靶子,当客户按动此链时,focus调换来window2, 若window2空中楼阁,则被创立.

<A HREF=”doc2.html” TARGET=”window2″> Load a file into window2</A>

<HTML>
<TITLE>Form Object example</TITLE>
<HEAD>
<SCRIPT LANGUAGE=”JavaScript”>
function fttop() {
if (document.getElementById(“yltop”).value==”隐蔽上部”){
document.getElementById(“yltop”).value=”掩盖下部”;
parent.full.rows=”0,*”;
}else{
document.getElementById(“yltop”).value=”掩饰上部”;
parent.full.rows=”*,0″;
}
}
function ftall()
{
parent.full.rows=”50%,50%”;
}
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME=”evalform” METHOD=”get”>
<input type=”button” name=”yltop” id=”yltop” onclick=”fttop();”
value=”掩盖上部”>
<input type=”button” name=”ylall” id=”ylall” onclick=”ftall();”
value=”展现全部”>
</FORM>
</BODY>
</HTML>

复制代码

你恐怕感兴趣的稿子:

  • JavaScript 学习才干
  • JavaScript
    学习笔记一些小技术
  • JavaScript高档程序设计 学习笔记
    js高档本领
  • javascript学习笔记之十个原生本事
  • javascript学习总计之js使用技艺
  • 高速学习JavaScript的6个观念手艺
  • JavaScript编程学习手艺聚集

运行index.html
改变iframe尺寸:

<A onclick=”window.open(‘win_2.html’,’javascript_2′);”
href=”#”> Here’s a window named javascript_1</A>.

复制代码 代码如下:

那七个小实例将会在多少个窗口中张开四个页面,且几个窗口名分别为javascript_1,javascript_1,若是又有一实例是如此的:

<iframe id=”frame1″ src=”1.htm” width=”100px” height=”100px”>
</iframe>
<br>
<input type=”button” value=”加宽” onclick=”addWidth()”>
<input type=”button” value=”加高” onclick=”addHeight()”>
<script language=”javascript”>
function addWidth()
{
var o=document.getElementById(“frame1”);
o.width=eval(o.width)+10;
}
function addHeight()
{
var o=document.getElementById(“frame1”);
o.height=eval(o.height)+10;
}
</script>

 代码如下

框架编制程序概述贰个HTML页面能够有二个或三个子框架,那些子框架以iframe来标识,用来显示三个独门的HTML页面。这里所…

复制代码

<A onclick=”window.open(‘win_3.html’,’javascript_1′);”
href=”#”> Here’s a window named javascript_1</A>.

那么你就将贰个名称叫window_3.html的页面放置到了第二个窗口中。

学习点

 代码如下

复制代码

window.open(”URL”,”name”,”features”)

小心:请不要混淆方法 Window.open() 与办法
Document.open(),这两侧的法力完全两样。为了使您的代码清楚明白,请使用
Window.open(),而不用选择 open()

 代码如下

复制代码

window.open(“URL”,”name”,”features”)

 属于Window 对象的艺术,详细情形请见w3school汉语网的HTML DOM教程
JavaScript DOM

你一旦领悟 HTML DOM,就不会对JavaScript DOM难于精晓,关于HTML DOM
,详细情况请见w3school汉语网的HTML DOM教程

在JavaScript 中缺省的窗口对象为 window,怎么着获取缺省窗口的属性呢?

 代码如下

复制代码

var the_status = window.status;

那是说:找到名称为window
的status属性,将之调用到变量the_status中。窗口的status特性蕴涵了情状条上出现的词句。你也可预先设置它,像这么:

 代码如下

复制代码

window.status = “I’m monkeying around!”;

窗口间的调换
神蹟大家还要开荒了八个窗口,并且必要将另贰个窗口移到前台。为了选取javascript完成窗口之间的调换,须求对该窗口施加三个引用。

 代码如下

复制代码

var new_window = window.open(“hello.html”,”html_name”,
“width=200,height=200”);

该语句张开三个小窗口并将其赋值给变量new_window作为对该窗口的援引。

你可以象对窗口调用方法这样对new_window调用艺术。

 new_window.blur();

现行反革命我们看看将新窗口移到前台或移到后台的八个链接:

 代码如下

复制代码

<A onmouseover=new_window.focus(); href=”#”>Bring
it forward</A>
<A onmouseover=new_window.blur(); href=”#”>Put it
backward</A>

将上面包车型客车代码连起来,完整的正是那般的:

 代码如下

复制代码

[html][head][title]Getting and using a window reference[/title]

[script language=”JavaScript”]
<!– hide me
// open a new window and get a reference to it
var new_window =
window.open(“hello.html”,”html_name”,”width=200,height=200″);
// blur the new window
new_window.blur();
// show me –>
</SCRIPT>
<H1>A new window has been opened and moved to the
background.</H1>
 
<A onmouseover=new_window.focus(); href=”#”>Bring it
forward</A>
<A onmouseover=new_window.blur(); href=”#”>Put it
backward</A>
[/body][/html]

框架 Frames
其实,框架也是窗口的贰个特性,首借使用来贯彻分隔窗口。

别的的一些办法

注:

 代码如下

复制代码

//关闭,父窗口弹出对话框,子窗口直接关闭
this.Response.Write(“<script
language=javascript>window.close();</script>”);

//关闭,父窗口和子窗口都不弹出对话框,直接关闭
this.Response.Write(“<script>”);
this.Response.Write(“{top.opener =null;top.close();}”);
this.Response.Write(“</script>”);

//弹出窗口刷新当前页面width=200
height=200菜单。菜单栏,工具条,地址栏,状态栏全没有
威尼斯人线上娱乐,this.Response.Write(“<script
language=javascript>window.open(‘rows.aspx’,’newwindow’,’width=200,height=200′)</script>”);

//弹出窗口刷新当前页面
this.Response.Write(“<script
language=javascript>window.open(‘rows.aspx’)</script>”);
this.Response.Write(“<script>window.open(‘WebForm2.aspx’,’_blank’);</script>”);

//弹出提醒窗口跳到webform2.aspx页(在四个IE窗口中)
this.Response.Write(” <script
language=javascript>alert(‘注册成功’);window.window.location.href=’WebForm2.aspx’;</script>
“);

//关闭当前子窗口,刷新父窗口
this.Response.Write(“<script>window.opener.location.href=window.opener.location.href;window.close();</script>”);
this.Response.Write(“<script>window.opener.location.replace(window.opener.document.referrer);window.close();</script>”);

//子窗口刷新父窗口
this.Response.Write(“<script>window.opener.location.href=window.opener.location.href;</script>”);
this.Response.Write(“<script>window.opener.location.href=’WebForm1.aspx’;</script>”);

//弹出提示窗口.明显后弹出子窗口(WebForm2.aspx)
this.Response.Write(“<script
language=’javascript’>alert(‘发布成功!’);window.open(‘WebForm2.aspx’)</script>”);

//弹出提醒窗口,显明后,刷新父窗口
this.Response.Write(“<script>alert(‘发表成功!’);window.opener.location.href=window.opener.location.href;</script>”);

//弹出一致的一页
<INPUT type=”button” value=”Button”
onclick=”javascript:window.open(window.location.href)”>

//
Response.Write(“parent.mainFrameBottom.location.href=’yourwebform.aspx?temp=”
+str+”‘;”);

在HTML中开荒窗口 大家…


相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图