JS中关闭弹窗的问题

先举列一个W3Cshool的例子:在父窗口关闭子窗口

<html>
<head>
<script type="text/javascript">
function closeWin()
  {  alert(myWindow.name)  //子窗口的名称myname
  myWindow.close()   //在父页面关闭子窗口
  }
</script>
</head>
<body>

<script type="text/javascript">
myWindow=window.open(‘‘,‘myname‘,‘width=200,height=100‘)
myWindow.document.write("This is ‘myWindow‘")
</script>

<input type="button" value="Close ‘myWindow‘" onclick="closeWin()" />

</body>
</html>
二,在讨论关闭窗口之前我们先来看看window.name这个属性w3c的定义:

name 属性可设置或返回存放窗口的名称的一个字符串。

该名称是在 open() 方法创建窗口时指定的或者使用一个 <frame> 标记的 name 属性指定的。

窗口的名称可以用作一个 <a> 或者 <form> 标记的 target 属性的值。以这种方式使用 target 属性声明了超链接文档或表单提交结果应该显示于指定的窗口或框架中。

设置或获取子窗口name值

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>window.name研究</title>

    <script type="text/javascript">
        function checkWin()
        {
            myWindow=window.open(‘‘,‘MyName‘,‘width=200,height=100‘);
            myWindow.name =‘easy‘;  //为弹出框设置新名字easy -----原名为myname
            document.write(myWindow.name+‘显示在父窗口‘);
            myWindow.document.write(myWindow.name+‘名字显示在子窗口‘);
        }
    </script>
</head>
<body>
<input type="button" value="What‘s the name of ‘myWindow‘?" onclick="checkWin()"/>
</body>
</html>

貌似我非常的啰嗦,一小点知识都要写很长篇幅,原谅我是个前端小菜鸟,不写详细点,怕我日后看不懂(手动笑哭脸。。。。)

window.open() 打开的新网页,第二个参数就是此网页的name。还在iframe里面,name属性.作用是判断当前的Window,如一个页面里面有很多iframe,就可以用:window.name  当前window的名称window.parent.name  父window的名称widnow.top.name 顶层window的名称
时间: 2024-08-24 23:35:08

JS中关闭弹窗的问题的相关文章

JS中的弹窗问题confirm和prompt

JavaScript-确认(confirm 消息对话框) confirm 消息对话框通常用于允许用户做选择的动作,如:"你对吗?"等.弹出对话框(包括一个确定按钮和一个取消按钮). 语法: confirm(str); 参数说明: str:在消息对话框中要显示的文本 返回值: Boolean值 返回值: 当用户点击"确定"按钮时,返回true 当用户点击"取消"按钮时,返回false 注: 通过返回值可以判断用户点击了什么按钮 看下面的代码: &l

关于js中使用close方法无法关闭firefox浏览器

今天遇到一个问题就是在js中使用window.close()方法无法关闭Firefox: 浏览器版本: firefox IE 一句简单的代码可实现浏览器的关闭 1 <p onclick="javascript:window.close()">关闭</p> 但测试发现: IE能正常弹出窗口询问是否关闭窗口 而Firefox点击之后则无任何反应 难道Firefox不支持close()关闭? 我们在来测试一下使用close能不能关闭open()打开的窗口呢? 1 /*

three.js中物体旋转实践之房门的打开与关闭

看这篇博客,默认你已经知道了3D模型实现三维空间内旋转的实现方式(矩阵.欧拉角.四元数). ok,下面正式切入主题,房门的打开和关闭,先上图: 正如你所看到的那样,这个“房门”已经被打开了. 一.three.js中物体的旋转 object.rotation.set(angleX,angleY,angleZ); 这是three.js为object3D类(基本上所有的物体都是继承自这个类的)提供的自旋转API: 为什么叫自旋转呢,就像地球自转和公转一样,自旋转表示绕物体自身中心点(局部坐标系)旋转:

JS中的函数、Bom、DOM及JS事件

本期博主给大家带来JS的函数.Bom.DOM操作,以及JS各种常用的数据类型的相关知识,同时,这也是JavaScript极其重要的部分,博主将详细介绍各种属性的用法和方法. 一.JS中的函数 [函数的声明及调用] 1.函数声明的格式: function 函数名(参数1,参数2,参数3,--){//函数体 return 结果; } >>>函数的调用格式: 直接调用:函数调用的格式:函数名(参数一的值,参数二的值,--): 事件调用:事件名=函数名( ); 2.函数声明的几点强调: ①函数名

JS中的BOM以及DOM操作

screen:对象 console.log(screen.width);//屏幕宽度   console.log(screen.availHeight);//可用高度=屏幕高度-底部任务栏   console.log(screen.height);//屏幕高度   console.log(screen.availWidth);//可用宽度 location对象    *     * 完整的URL路径:    * 协议://主机名(IP地址):端口号/文件路径?传递参数(name1=value1&

JS中直接从java后台获得对象的值(数组的值)

这里举得例子是:JS直接从后台Contorller中(SpringMVC中的model中)获得数值的值 Contorller 此处将 talentIntegralRecordsDay talentIntegralRecordsIntegral 两个数组用JSON.toJSONString()封装. @SuppressWarnings("deprecation") @RequestMapping("/integralParadise") public ModelAnd

从零开始的JS生活(二)——BOM、DOM与JS中的事件

上回书说道,JS中变量.运算符.分支结构.循环和嵌套循环等内容.本回就由本K给大伙唠唠JS中的BOM.DOM和事件. 一."花心大萝卜"--BOM 1.震惊,FFF团为何对BOM举起了火把--BOM简介 BOM(Browser Object Model) 是指浏览器对象模型,在JS中BOM是个不折不扣的花心大萝卜,因为它有很多个对象,其中代表浏览器窗口的Window对象是BOM的"正室".也就是最重要的,其他对象都是正室的下手.或者叫侧室也不足为过. 2.细数BOM

项目EasyUi和JS中遇到的问题总汇

近期因为项目用到EasyUi,曾经仅仅是听过,可是没有详细用过.仅仅能一边学一边做.如今将做的过程中遇到的一些难点总结例如以下,以备后用: EsayUi使用: Json格式:key:value,key:value <body class="easyui-layout"> <div data-options="region:'north',title:'North Title',split:true" style="height:100px

JS基础--函数与BOM、DOM操作、JS中的事件以及内置对象

   前   言 絮叨絮叨 这里是JS基础知识集中讲解的第三篇,也是最后一篇,三篇JS的基础,大多是知识的罗列,并没有涉及更难得东西,干货满满!看完这一篇后,相信许多正在像我一样正处于初级阶段的同学,经过初步的学习,会对这一门语言有了一定深入的了解,也会感受到这一门语言的强大之处.希望各位同学通过一定的学习,会得到等大的收获. 因为是最后一篇所以内容可能有点多,希望各位同学能够慢慢看,细细看,让我们一起学习,一起进步,一起感受JS的魅力. 一函数 函数的声明及调用 1.函数的声明格式: func