window.open函数

JavaScript实现弹出窗口与全屏网页
该博客主要介绍了JavaScript的两个应用。一是实现弹出窗口功能,包含普通弹出窗口及asp.net向弹出窗口传值;二是制作全屏的flash网页,通过编写JavaScript函数实现网页全屏打开。

1。弹出窗口

<script LANGUAGE="javascript">
//char a;
//a="pl.htm";
function openwin(a)
{ window.open (a,"newwindow", "height=300, width=500, toolbar= no, menubar=no, scrollbars=yes, resizable=no, location=no, status=no")

//alert(a);

//写成一行
}

</script>

<a href="#" onClick="openwin('pl.htm')">我要评论</a>

//asp.net向弹出窗口传值。

function openjysx(id){
var url="../kk.aspx?xsID="+id;
winioffice=window.open(url,'','toolbar=no,menubar=no,resizable=yes');
winioffice.moveTo(0,0);
winioffice.resizeTo(405,353);
}

 NavigateUrl='<%# "javascript:openjysx("+DataBinder.Eval(Container, "DataItem.xsid")+");" %>'

2.全屏(制作全屏的flash网页)

<SCRIPT LANGUAGE="JavaScript">
<!--
function openfullscreen()
{
window.open("index.html","yourmovie","height=800,width=1024,type=fullWindow,alwaysLowered=0,alwaysRaised=0,channelmode=0,dependent=0,directories=0,hotkeys=1,location=0,menubar=0,resizable=0,scrollbars=0,status=0,titlebar=0,toolbar=0,z-lock=0,screenX=0,screeny=0,left=0,top=0,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,fullscreen=yes");
}
//-->
</SCRIPT>

</head>
<body bgcolor="#FFFFFF" onLoad="openfullscreen()" >
</body>

`window.open()` 函数用于从当前网页打开一个新的浏览器窗口或标签页。它有四个参数,分别是:待加载资源的URL、目标窗口名称以及一些控制窗口特征的字符串选项和最后的一个布尔值(较少使用),下面详细介绍各个参数的作用及示例。 ### 参数说明 1. **url (可选)** - 类型: 字符串(String) - 描述: 指定将要显示的新文档的位置(即URL地址)。如果是空字符串 `""` 或 `"about:blank"` ,则表示仅创建一个空白新窗口而不会导航到任何特定位置。 2. **name (可选)** - 类型: 字符串(String) / 关键词("_self", "_parent", "_top") - 描述: 定义了新窗口的名称;也可以是特殊的保留关键字之一: - `_self`: 在相同的框架内加载 - `_blank`: 默认行为,默认会在新的浏览上下文(如标签页或窗口)中加载指定URL的内容。 - `_parent`: 如果存在嵌套frame,则在一个较高级别的iframe里加载内容; - `_top`: 将会替换整个顶层浏览上下文下的所有内容 3. **specs (可选)** - 类型: 字符串(String),一系列以逗号分隔的关键字及其对应的属性配置项,比如宽度(`width`)高度(`height`)等特性描述信息。如果不提供此参数,默认采用浏览器默认大小。 4. **replace (很少用到, 可选)** - 类型: 布尔(Boolean), true/false. - 当其设置为true时,意味着新开窗口的历史记录条目应该取代现有历史记录条目的最新一项,而不是添加进去。 ### specs 示例 ```javascript // 打开固定尺寸无工具栏且居中的小窗体 var w = window.innerWidth || document.documentElement.clientWidth || screen.width; var h = window.innerHeight|| document.documentElement.clientHeight|| screen.height; w = window.open('http://www.example.com', 'newWindowName', 'resizable=yes, width=500,height=400, top='+(h-400)/2+',left='+((w-500)/2)+' toolbar=no,status=no'); ``` ### 替换旧历史记录实例 ```javascript let newTab = window.open("https://example.org","_blank"); if(newTab){ // Only do this if we're able to open a tab at all setTimeout(() => {newTab.location.replace("https://another-page.com")}, 10); } ``` 以上就是关于 `window.open()` 方法的所有参数解析。希望对你有所帮助!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值