如何用 javascript 在本窗口中打开另一个页面

如何用 javascript 在本窗口中打开另一个页面,第1张

windowopen()

open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。

语法

windowopen(URL,name,features,replace)

参数

描述

URL    一个可选的字符串,声明了要在新窗口中显示的文档的 URL。如果省略了这个参数,或者它的值是空字符串,那么新窗口就不会显示任何文档。  

name    一个可选的字符串,该字符串是一个由逗号分隔的特征列表,其中包括数字、字母和下划线,该字符声明了新窗口的名称。这个名称可以用作标记 <a> 和 <form> 的属性 target 的值。如果该参数指定了一个已经存在的窗口,那么 open() 方法就不再创建一个新窗口,而只是返回对指定窗口的引用。在这种情况下,features 将被忽略。  

features    一个可选的字符串,声明了新窗口要显示的标准浏览器的特征。如果省略该参数,新窗口将具有所有标准特征。在窗口特征这个表格中,我们对该字符串的格式进行了详细的说明。  

replace

一个可选的布尔值。规定了装载到窗口的 URL 是在窗口的浏览历史中创建一个新条目,还是替换浏览历史中的当前条目。支持下面的值:

true - URL 替换浏览历史中的当前条目。

false - URL 在浏览历史中创建新的条目。

1、父页面

代码如下:

<input type="text" id="name" value="zhangsan"/>

<a href="ahtml" target="_blank">预览</a>

2、子页面,也就是ahtml获取父页面中文本框的value

代码如下:

$(function(){

consoleinfo(windowopenerdocumentgetElementById("name")value);

});

这样控制台中出来的则是父页面文本框的值

你有没有这样的上网经历?:

用快捷键新建一个页面(不是标签页,而是单独一个页),连续这样做,发现它们依次叠加,并且每个都在前一个的右下方偏一点。

对于当前窗口而言,这两个只读属性,真如你说的算是鸡肋,因为是只读的嘛,哪怕想干点啥也做不了。但对于其他窗口而言,这个属性还是有点用的。至少在其他窗口要d出窗口时,可以给open传入窗口特征left和top,这就用到了上一个窗口的位置属性。

在某些情景下,你想后面d出的窗口正好覆盖住上一个d出窗,也可以用到这两个属性。

例子:比如:现在有三个页面:test1html,test2html,testhtml 从test1html,test2html可以跳转到testhtml,从testhtml可以根据不同的来源返回到上个页面,代码如下: ================================== test1html

这是test1页面,点击跳转到testhtml

================================== test2html

这是test2页面,点击跳转到testhtml

================================== testhtml var request = { QueryString : function(val) { var uri = windowlocationsearch; var re = new RegExp("" +val+ "=([^&])", "ig"); return ((urimatch(re))(urimatch(re)[0]substr(vallength+1)):null); } } var rurl=requestQueryString("str");

返回上个页面

================================== 注:

这里的str=test1以及后面的就是取的页面名test1html,如果是别的名字要注意更换,test2html里面也一样

以上就是关于如何用 javascript 在本窗口中打开另一个页面全部的内容,包括:如何用 javascript 在本窗口中打开另一个页面、js子窗口如何获取父窗口输入框值、JS能获取窗口的screenTop screenLeft 对于开发者来说 有什么可用之处呢等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9809875.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-02
下一篇 2023-05-02

发表评论

登录后才能评论

评论列表(0条)

保存