分享
 
 
 

&#106avascript关于window.open()应用

王朝system·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

网页都是建立在窗口之上的,任何有关网页的事情,都与窗口有关。下面首先让我们熟悉一下大家常用的Internet Explorer的基本结构。

正常情况下,打开的窗口都有如下四部分:

标题栏(title):该窗口显示标题的地方

控制区:各种按键、菜单

窗口:浏览器上最大的那一部分,不用多说了吧!

状态栏(status):显示相应系统信息以及JavaScript信息的地方

在默认情况下,打开的新窗口都含有以上部分。但是当用到windows.open()时,我们就可以控制新打开的窗口的风格了。

语法:

oNewDoc = document.open(sUrl [, sName] [, sFeatures] [,

bReplace])

说明:

sURL

可选。字符串--指定新的文档的URL地址。如果没有指定这一项,那么将会是一个空的(about:blank)。

sName

可选。字符串--新生成窗口的名字。可以用作form或者a中Target的值。

blank

sURL被加载到一个新的未命名的窗口。

_media

sURL被加载到一个媒体栏中。(仅适合IE6以及以后版本浏览器)

_parent

sURL被加载到目前框架的上层框架上。如果没有上层框架,则此项的值与_self的值相同。

_search

sURL被打开在浏览器的查找窗口。(仅适合IE5以及以后的浏览器)

_self

sURL在当前的窗口上打开,覆盖以前的内容。

_top

sURL可能会加载到任何框架支架(Frameset)上,如果没有定义Frameset,此项值与_self的值相同。

sFeatures

可选。字符串--列出对象表并用逗号分开。每一项都有自己的值,他们将被分开(如:"fullscreen=yes, toolbar=yes")。下面是被支持的各种特性。

channelmode = { yes | no | 1 | 0 }

是否在窗口中显示阶梯模式。默认为no。

directories = { yes | no | 1 | 0 }

是否在窗口中显示各种按钮。默认为yes。

fullscreen = { yes | no | 1 | 0 }

是否用全屏方式显示浏览器。默认为no。使用这一特性时需要非常小心。因为这一属性可能会隐藏浏览器的标题栏和菜单,你必须提供一个按钮或者其他提示来帮助使用者关闭这一浏览窗口。ALT+F4可以关闭窗口。一个全屏窗口必须使用阶梯(channelmode)模式。

height = number

指定窗口的高度,单位是像素。最小值是100。

left = number

指定窗口距左边框的距离,单位是像素。值必须大于或者等于0。

location = { yes | no | 1 | 0 }

指定是否在窗口中显示地址栏。默认为yes。

menubar = { yes | no | 1 | 0 }

指定是否在窗口中显示菜单栏。默认为yes。

resizable = { yes | no | 1 | 0 }

指定是否在窗口中显示可供用户调整大小的句柄。默认为yes。

scrollbars = { yes | no | 1 | 0 }

指定是否在窗口中显示横向或者纵向滚动条。默认为yes。

status = { yes | no | 1 | 0 }

指定是否在窗口中显示状态栏。默认为yes。

titlebar = { yes | no | 1 | 0 }

指定是否在窗口中显示标题栏。在非调用HTML Application或者一个对话框的情况下,这一项将被忽略。默认为yes。

toolbar = { yes | no | 1 | 0 }

指定是否在窗口中显示工具栏,包括如前进、后退、停止等按钮。默认为yes。

top = number

指定窗口顶部的位置,单位是像素。值必须大于或者等于0。

width = number

指定窗口的宽度,单位是像素。最小值是100。

bReplace

可选。当sURL被加载到同一窗口时,这个布尔型变量指定是否这个sURL新建立一个条目,或者是加到目前该窗口的历史记录上。

true

sURL覆盖当前文档的历史纪录。

false

sURL在历史记录中建立一个新的条目。

注释:

默认情况下,open方法建立一个拥有默认宽度、高度、菜单以及工具栏的窗口。你可以指定其中任何一项或者多项特征参数。这些参数是由一个或多个字符串所组成的。

当一旦有特征参数被指定,其他没有被指定的特征参数全部被禁止。因此,当用到特征参数,就需要定义所有在窗口中需要用到的其他特征参数。如果没有指定特征参数,那么所有的特征将会被保留原始的默认值。除了给特征参数指定新值之外,还可以简单的罗列特征名称来使得窗口的相应特征有效。

示例:

window.open("Sample.htm",null,

"height=200,width=400,status=yes,toolbar=no,menubar=no,location=no");

在例子中,建立了一个包含Sample.htm的新窗口。这个新窗口有200像素宽和400像素高,拥有状态栏,但是没有工具栏、菜单栏和地址栏。以上就是相应代码。

下面给出一个较为完整的例子,供大家参考新窗口的生成方法。

<html>

<head>

<title>Open Window</title>

<script language="JavaScript">

function OpenWindow()

{

thisWin = window.open("", null, "width=300,height=400")

thisWin.document.write("<head><title>newWindow</title></head>")

thisWin.document.write("<body><center>This is a new window!</center></body>")

}

</script>

</head>

<body>

<center>

<input type="button" value="Creat New Window" onClick="OpenWindow()">

</center>

</body>

</html>

例子中的this.document.write是向新生成的窗口中写入代码,如果不这样,新生成的窗口将会显示错误。

生成新的窗口是比较简单的,大家只要熟练掌握上面介绍的特征,基本上就可以说掌握了新窗口的生成方法。

注:此系列JavaScript介绍是面向新手的,可以说我介绍的是最最基础的东西。目的只是想让那些正在学习网页制作的人能够有更快的提高。只能说面向的对象不同,所以水平也是不同,敬请各位高手笑纳。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有