window.parent与window.openner区别 (转载)+原创

最新推荐文章于 2024-07-28 15:46:20 发布
转载 最新推荐文章于 2024-07-28 15:46:20 发布 · 399 阅读 · 0
文章标签：

#iframe #button #框架 #border #action #input

本文详细介绍了JavaScript中parent.window与top.window的区别及应用，包括页面跳转、目标窗口处理等概念，并提供了实例代码进行演示。

 

转载文章地址：http://blog.youkuaiyun.com/zjb1989923/article/details/6856675

 


转载文章地址：http://blog.youkuaiyun.com/zjb1989923/article/details/6856675

 

nner区别

window.parent是iframe页面调用父页面对象，当我们想从iframe内嵌的页面中访问外层页面是可以直接利用window.parent获取；

例子如下：

A.html

<html>
<head>
   <title>父页面</title>
</head>
<body>
   <form id="form1" action="">
       <div>
           输入值：
           <input type="text" name="username" id="username"/><br />
           <iframe src="b.html" width="400px"height="300px"></iframe>
       </div>
   </form>
</body>
</html>

B.html

<html>
<head>
<script type="text/javascript">
 function getpValue()
 {
   document.getElementByIdx_x_x_x("span1").innerText=window.parent.document.getElementByIdx_x_x_x("username").value;
 }
</script>
</head>
<body>
<span>文本框值为：</span><spanid="span1"></span><br/>
<input type="button" value="获取父窗口内的文本框值"onclick="getpValue();">
</body>
</html>

 window.opener是window.open或超链接<a>打开的子页面调用父页面对象

例子如下
a.html

<html>
<head>
   <title>父页面</title>
   <script type="text/javascript">
       function openB()
       {
           window.open('b.html','b','width=400,height=200,status=no,toolbar=no,menubar=no,location=no,resizable=yes,left=200,top=100');
       }
   </script>
</head>
<body>
   <form id="form1" action="">
       <div>
           输入值：
           <input type="text" name="username" id="username"/><br />
           <input type="button"  value="打开窗口B"onclick="openB();" /><br/>
           <a href="b.html"target="_blank">超链接打开B页面</a>
       </div>
   </form>
</body>
</html>

b.html

<html>
<head>
<script type="text/javascript">
 function getpValue()
 {
   document.getElementByIdx_x_x_x("span1").innerText=window.opener.document.getElementByIdx_x_x_x("username").value;
 }
</script>
</head>
<body>
<span>文本框值为：</span><spanid="span1"></span><br/>
<input type="button" value="获取父窗口内的文本框值"onclick="getpValue();">
</body>
</html>

下面来举几个常用的例子：

parent.window与top.window一般在分割的页面即frameset或iframe中使用

注销整个框架后返回到login.aspx：parent.window.location='Login.aspx'或者

                               top.window.location='Login.aspx'

window.parent也是常在框架中使用，

刷新：window.parent.location.reload();或者刷新某个框架：window.parent.MainForm.location.reload();

获得其他框架的元素值：window.parent.MainForm.form1.text1.value;

window.opener主要是获得通过超链接或者 window.open()打开本身页面的页面的一些，比如获得值，刷新等

刷新：window.opener.location.reload();

获值：window.opener.document.getElement("txtName").value;

后退：top.playFrame.history.go(-1);

前进： top.playFrame.history.go(1);

刷新： top.playFrame.location.reload();

就总结到这里，这些对象很实用  

--------------------------------------------------------------------------------------------------------

原创部分：

A.jsp底下有有三个:

<frameset rows="233,40,*" frameborder="NO" border="0" framespacing="0">
  <frame name="B" scrolling="NO" noresize src="/a/B.jsp">
 <frame name="C" scrolling="NO" noresize src="/a/C.jsp"> 
  <frame name="D" scrolling="yes" noresize src="/a/D.jsp">
</frameset>

D.JSP里面，有两个：

<frameset cols="200,*" frameborder="NO" border="1" framespacing="0" rows="*">
  <frame name="E" scrolling="yes" src="/a/E.jsp">
  <frame name="F" src="/a/F.jsp" noresize scrolling="yes">
</frameset>

现在要去E里面显示内容。（在B里面）

window.parent（a）.D.E.location.href=XXXXX;

联想小新ultra5 32G 1T 2.5K笔记本和联想小新14 i7-13620H 16G 1T 2.5哪个评分更高？
qq_15963745的博客
03-02 5937
如果您需要更高的内存容量和更大的屏幕尺寸，联想小新Ultra 5可能更适合。而如果您更注重处理器性能，联想小新14的i7处理器可能提供更强的计算能力。建议根据您的具体需求和预算进行选择。源。
ASUS华硕无畏Pro14锐龙版M3401QA,M3401QC原厂Win10和Win11系统工厂模式安装包下载，带MyASUS WinRE还原重置功能
QQ17855069的博客
05-07 1409
华硕原装WIN系统工厂包带有ASUS RECOVERY恢复功能、自带所有驱动、出厂主题壁纸、系统属性专属联机支持标志、系统属性专属LOGO标志、Office办公软件、MyASUS管家、迈克菲杀毒等预装软件程序。Vivobook_ASUSLaptop华硕无畏PRO14笔记本电脑锐龙R7处理器，原装出厂OEM预装Windows11系统、Windows10系统，恢复出厂开箱状态一模一样。文件格式：HDI,SWP,OFS,EDN,KIT,TLK多个压缩包。所需要工具：16G或以上的U盘（若没U盘请联系远程安装）
联想小新 Pro 14、16 2024 评测 锐龙 7 8745H性能怎么样
最新发布
m0_58402844的博客
07-28 9685
小新Pro 14 2024采用了14英寸OLED屏幕，10bit色深，分辨率为2880 x 1800，刷新率为120Hz，响应时间为0.2ms，峰值亮度为600尼特，DCI-P3色域为100%；小新Pro 16 2024则采用了尺寸更大的16英寸屏幕，10bit色深，分辨率为2560 x 1600，刷新率为120Hz，响应时间为0.2ms，典型亮度为350尼特，sRGB色域为100%，色准Delta＜1.5，支持AMD FreeSync；联想小新pro16锐龙版 2024更多使用感受和评价。
达人评测 华硕无畏pro14和联想小新air14plus哪个好
m0_50307601的博客
02-11 1594
联想小新air14plus和华硕无畏pro14这两款相比较其主要的区别是在处理器，屏幕，厚度和重量，售价方面不一样，具体的区别情况如下： 1、处理器的区别情况：联想小新air14plus搭载的酷睿i5-1155g7，和锐龙r5 5600u，r7 5800u处理器，而华硕无畏pro14的处理器有i5-11300H，r5 5600h和r7 5800h，相比之下，华硕无畏pro14的处理器性能更强悍。华硕无畏pro14更多使用感受和评价：http://www.adiannao.cn/dy 联想小新air14plu
联想小新Pro16和华硕无畏Pro15 2022哪个好
m0_52332109的博客
09-12 3048
第一是屏幕的区别：联想小新Pro16是16英寸，2.5k分辨率，120Hz刷新率，ips屏幕，而华硕无畏Pro15 2022款的屏幕尺寸为15.6英寸，分辨率是2.8k，刷新率也是120Hz，采用的是OLED 屏幕材质，屏幕比较来看，小新Pro16的屏幕尺寸稍微大些，而华硕无畏Pro15的屏幕分辨率更高，屏幕材质更好。最后一个是售价的区别，在同级别的配置水平下，小新Pro16的售价相对高些，而华硕无畏Pro15 2022款的售价更实惠些。联想小新Pro16更多使用感受和评价。
入手评测 华硕无畏pro14的优缺点
m0_55791341的博客
05-26 5789
华硕无畏pro14定制金属顶盖、利落扎实的整机设计、满足高性能的同时做到足够轻薄便携无负担、CNC浮雕精刻LOGO，充满个性和辨识、个性Enter键斜纹装饰、触感高级，是时尚界的格调焦点。 我用的华硕笔记本就是活动时8折抢购的点击开抢 http://www.adiannao.cn/dy 14英寸、16:10黄金比例，2.8K超清，拥有90Hz高刷率，133%sRGB高色域，0.2秒的极速响应时间，600nits高亮度，10.7bit色深，屏幕素质非常不错。 华硕无畏pro14采用大家已经非常熟悉的AMD锐
华硕无畏Pro 14 2022款怎么样？测评值得买吗？详细性能点评
qq_49807938的博客
07-31 3403
续航方面，14寸机身中，在没有阉割散热架构的方面，还能装下一块63Wh容量电池，空间的设计及利用算是不错了，续航能力还是比较好。散热方面，华硕自主设计的冰峰Plus散热系统，89扇叶片的双风扇，6+8mm加粗导热管，高能模式下可以满足65W性能释放，均衡模式下，风扇的噪音量保持在40dbA以下，在轻薄本中能有这样的散热能力已经算比较优秀了。屏幕方面，延续了华硕“好屏”的优势，14英寸大小，OLED屏，2.8K分辨率，90Hz刷新率，600nits亮度，100%DCI-P3色域。性能释放不错，散热能力可以。.
华硕无畏Pro15、联想小新Pro16和RedmiBookPro15 的区别选哪个好
m0_51290176的博客
09-04 2391
这款华硕无畏Pro15在2022年已经更新到了最新的配置，锐龙版的处理器为r7 6800h，其相比其他两款来说，最大的优势一是屏幕的素质更好，15.6英寸的尺寸，2.8k的高分辨率，120Hz的高刷新率，16:10的屏幕比例，100%DCI-P3的广色域。联想小新Pro16的r7 6800h版本的是这三款中屏幕尺寸最大，独立显卡性能更好的一款，其屏幕尺寸是16英寸，采用了2.5k的分辨率，100%sRGB高色域，16:10的屏幕比例，其可选最高显卡是rtx3050ti，支持独显直连功能。
无畏Pro14锐龙版M3401QA_20220112_2127.7z
01-12
标题中的“无畏Pro14锐龙版M3401QA”指的是华硕推出的无畏Pro14笔记本电脑的一款型号，搭载了AMD Ryzen处理器。这个型号通常代表着高性能和轻薄设计，适合日常办公和轻度娱乐使用。而“20220112_2127.7z”可能表示这...
华硕无畏360触屏和联想小新pro16咋选的
03-14
如果您要选择华硕无畏360触屏或联想小新pro16，建议您考虑以下因素： 1. 功能：请确保您选择的笔记本电脑满足您的工作和娱乐需求。 2. 性能：请注意笔记本电脑的处理器、内存、存储空间和显卡等性能参数，并选择...
以华硕无畏pro 2024 键盘驱动为例，对内核打补丁并重新编译
weixin_48518769的博客
06-01 974
对Ubuntu 内核打补丁并进行内核的重新编译与安装。
i7-10510U性能怎么样？相当于台式机什么水平
热门推荐
qq_49807938的博客
08-26 11万+
i7-10510U是中高端笔记本电脑处理器，通常在主流笔记本电脑中使用。我的笔记本就是8折抢购的 https://list.jd.com/list.html? 四核i7-10510U是第十代英特尔酷睿U系列的顶级型号，高于流行的中高端四核i5-10210U和中端双核英特尔酷睿i3-10110U。 Core i7-10510U性能怎么样？相当于什么级别和水平？ 第10代Intel Core阵容还包括G系列i7型号，例如i7-1065G7。与Core U系列相比，G系列Intel Core芯片改进了集成显卡，
i7 9750H性能怎么样？相当于台式机什么水平？
qq_49807938的博客
08-26 3万+
i7-9750H基础频率bai2.6GHz，最大睿频4.5GHz，i7-9750H的基础频率、最大睿频都比dui7-8750H高了400MHz，尽管i7-9750H还是zhi14nm工艺（应该和9代酷睿桌面dao处理器一样都是14nm++），但是英特尔还是在频率上挖掘出了400MHz的潜力。 我的笔记本就是8折抢购的 https://list.jd.com/list.html? 三级缓存容量上，i7-9750H比i7-8750H多3MB，达到12MB，全面向桌面处理器看齐。 另外在核芯显卡上，i7-97
r74800h和i710750h哪个性能好
qq_49807938的博客
09-18 3万+
i710875h为八核心十六线程，而i710750h则为六核十二线；i710750h的动态加速频1653率4.6GHz，而i710875h的动态加速频率有5.1GHz。i710875h的热设计功耗(TDP)只有45W，而i710750h的热设计功耗(TDP)为65W。 选锐龙r74800h还是i710750h哪个好 这些点很重要!看完你就知道了 https://list.jd.com/list.html? 锐龙8核R7-4800H处理器，8核16线程，基础频率2.9GHz，睿频最高4.2GHz，Zen 2
锐龙r5 4500u怎么样 相当于什么水平
qq_49807938的博客
09-18 2万+
Ryzen 5 4500U。CPU于2020年中期发布。它的内核数量比以前的同类产品多两个，因此内核数增加到6个。但是，它也有6个线程–比3700U少2个。r5 4500u怎么样 这些点很重要!看完你就知道了 https://list.jd.com/list.html? 基本频率速度和最大频率速度分别在2.3GHz和4.0GHz。Ryzen 5 4500U具有8MB缓存，并支持高达3200MHz的内存速度。GPU的工作频率为1500MHz，但提供6个内核，而3700U提供10个内核。 ...
i5-10300H怎么样？相当于什么级别
qq_49807938的博客
08-26 2万+
英特尔酷睿i5-10300H是一款用于笔记本电脑的快速处理器，具有基于Comet Lake-H系列（第四代Skylake架构）的四个内核。 处理器的频率在2.5到4.3 GHz之间（最有可能在4个内核下达到4.2） 我的笔记本就是8折抢购的 https://list.jd.com/list.html? 并且借助超线程技术可以同时执行多达8个线程。 根据英特尔的说法，CPU采用14纳米（14纳米++）工艺制造。 与之前的2019年的Core i5-9300H相比，10300H的频率略高（+100 MHz基
联想小新pro16锐龙版和酷睿版的区别 哪个好
qq_49807938的博客
05-12 2万+
联想小新Pro16锐龙版处理器是锐龙r7 5800H，联想小新Pro16酷睿版处理器是i5-11300H，相比较来说，联想小新Pro16锐龙版处理器性能更强些。选联想小新pro16锐龙版还是酷睿版这些点很重要看过你就懂了http://www.adiannao.cn/dy 显卡对比：联想小新Pro16锐龙版有集成显卡和gtx1650独立显卡两种，联想小新Pro16酷睿版只有mx450独立显卡，相比之下，联想小新Pro16锐龙版的独立显卡性能更好。 接口方面的区别：联想小新Pro16锐龙版无雷电4接口，联想小新
i5 1035g1和r74700u哪个好 i5 1035g1和r74700u参数对比差距大吗
qq_49807938的博客
08-26 2万+
r7 4700u和i5 1035比r7 4700u更好，比较为：CPU主频、核心数量、制作工艺。 一、CPU主频 我的笔记本就是8折抢购的 https://list.jd.com/list.html? 1、r7 4700u：r7 4700u的CPU主频为2GHz，比i5 1035更高。 2、i5 1035：i5 1035的CPU主频为1GHz，比r7 4700u更低。 二、核心数量 1、r7 4700u：r7 4700u的核心数量为八核心，线程数为八线程，比i5 1035更多。 2、i5 1035：i5
i510300h和i78750h参数对比哪个好
qq_49807938的博客
08-26 1万+
i5 10300H是笔记本平台的标准电压处理器，为四核心八线程，主频2.5GHz，睿频4.5GHz，45W TDP，8M三级缓存，passmark跑分为9026分。我的笔记本就是活动时8折抢购的 https://list.jd.com/list.html? i7-8750H的规格是6核心12线程，coffcelake架构，主频2.2GHz，单核最大睿频4.1GHz，六核最大睿频3.9GHz，L3缓存9MB，TDP45W，核显UHD630，理论性能接近桌面级处理器i7-8700。 i7-8750H用于取代i
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值