JavaScript的window.open方法

最新推荐文章于 2024-01-03 19:14:45 发布
最新推荐文章于 2024-01-03 19:14:45 发布
阅读量1.4k 收藏
点赞数
分类专栏： JavaScript 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cckevincyh/article/details/53117560
版权

a1.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>a.html</title>
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  </head>
  <script language="JavaScript">

    function openWin(){
            /*
             * window.open(sURL,sName,sFeatures,bReplace)
             *      * sURL：字符串(String)。指定要被加载的HTML文档的 URL 地址。请求路径
             *      * sName：字符串(String)。 指定打开的窗口的名字。
             *          * _blank:在新窗口中打开 sUrl.
             *          * _self :sUrl 在当前窗口中打开，覆盖当前文档。 
             *          * _top  :在所有框架之外的最顶层窗口中打开 sUrl 。假如当前窗口无框架结构，此参数值等同于 _self 。 
             *      * sFeatures：字符串(String)。 指定窗口装饰样式。
             *      * bReplace：布尔值(Boolean)。false | true 
             */
            window.open("a2.html","_blank","height=200,width=400,status=yes,toolbar=no,menubar=no,location=no");
        }

  </script>  
  <body>
       <form name="form1" action="test.html" method="post" >
              客户id: <input type="text" name="cid" value=""  id="cid"  ><br>
                    客户名称:<input type="text" name="cname" value=""  id="cname"  >
             <input type="button" name="ok" value="请选择客户" onclick="openWin();"/>
       </form>
</body>

</html>

a2.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>a2.html</title>
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  </head>
   <script language="JavaScript">
    function viewData(cid,cname){
            /*
             * window.opener
             *      * 通过window对象的opener属性来获取a1页面的window对象
             *      * sData就代表了a1页面的window对象
             *      * a1页面通过调用window对象的open()方法打开a2页面，但是没有向a2页面传递a1页面的window对象。
             *          但是a2页面通过a2页面的window对象的opener属性可以直接获取a1页面的window对象。
             */
            var sData = window.opener;

            sData.document.getElementById("cid").value = cid;
            sData.document.getElementById("cname").value = cname;

            window.close();

        }

  </script>
  <body>
       <table border="1">
          <tr>
            <td>操作</td>
            <td>客户id</td>
            <td>客户名称</td>
          </tr>

          <tr>
            <td><input type="button" value="选择" id="ss" onclick="viewData('001','深圳华为')"></td>
            <td>001</td>
            <td>深圳华为</td>
          </tr>
          <tr>
            <td><input type="button" value="选择"   onclick="viewData('002','用友软件')"> </td>
            <td>002</td>
            <td>用友软件</td>
          </tr>
       </table>
  </body>



</html>

a1.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>a.html</title>
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  </head>
  <script language="JavaScript">
        function openWin(){
            /*
             * window.open(sURL,sName,sFeatures,bReplace)
             *      * sURL：字符串(String)。指定要被加载的HTML文档的 URL 地址。请求路径
             *      * sName：字符串(String)。 指定打开的窗口的名字。
             *          * _blank:在新窗口中打开 sUrl.
             *          * _self :sUrl 在当前窗口中打开，覆盖当前文档。 
             *          * _top  :在所有框架之外的最顶层窗口中打开 sUrl 。假如当前窗口无框架结构，此参数值等同于 _self 。 
             *      * sFeatures：字符串(String)。 指定窗口装饰样式。
             *      * bReplace：布尔值(Boolean)。false | true 
             */
            window.open("a2.html","_blank","height=200,width=400,status=yes,toolbar=no,menubar=no,location=no");
        }

        function setData(cid,cname){
            document.getElementById("cid").value = cid;
            document.getElementById("cname").value = cname;
        }

  </script>  
  <body>
       <form name="form1" action="test.html" method="post" >
              客户id: <input type="text" name="cid" value=""  id="cid"  ><br>
                    客户名称:<input type="text" name="cname" value=""  id="cname"  >
             <input type="button" name="ok" value="请选择客户" onclick="openWin();"/>
       </form>
</body>

</html>

a2.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>a2.html</title>
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  </head>
   <script language="JavaScript">
        function viewData(cid,cname){
            /*
             * window.opener
             *      * 通过window对象的opener属性来获取a1页面的window对象
             *      * sData就代表了a1页面的window对象
             *      * a1页面通过调用window对象的open()方法打开a2页面，但是没有向a2页面传递a1页面的window对象。
             *          但是a2页面通过a2页面的window对象的opener属性可以直接获取a1页面的window对象。
             */
            var sData = window.opener;

            sData.setData(cid,cname);

            window.close();

        }

  </script>
  <body>
       <table border="1">
          <tr>
            <td>操作</td>
            <td>客户id</td>
            <td>客户名称</td>
          </tr>

          <tr>
            <td><input type="button" value="选择" id="ss" onclick="viewData('001','深圳华为')"></td>
            <td>001</td>
            <td>深圳华为</td>
          </tr>
          <tr>
            <td><input type="button" value="选择"   onclick="viewData('002','用友软件')"> </td>
            <td>002</td>
            <td>用友软件</td>
          </tr>
       </table>
  </body>



</html>
c.
关注
专栏目录
Window.open()方法参数详解
chuituoyi7265的博客
05-02 1087
1, 最基本的弹出窗口代码 window.open('page.html'); 2, 经过设置后的弹出窗口 window.open('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=n...
JS window.open()属性
热门推荐
vastskyjoe的专栏
04-25 17万+
一. Window 对象Window 对象是 JavaScript 层级中的顶层对象。Window 对象代表一个浏览器窗口或一个框架。Window 对象会在 或 每次出现时被自动创建。 二.open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。 三.window.open(URL,name,features,replace)
JS中open()函数介绍！
清风地带
05-14 3601
window=object.open([URL ][, name ][, features ][, replace]]]])URL：新窗口的URL地址name：新窗口的名称，可以为空featurse：属性控制字符串，在此控制窗口的各种属性，属性之间以逗号隔开。fullscreen={ yes/no/1/0 }是否全屏，默认nochannelmode={ yes/no/1/0 } 是否显示频道栏，默
Window open方法
说故事的五公子
08-05 268
定义和用法 open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。 语法 window.open(*URL,name,specs,replace*) 参数 说明 URL 可选。打开指定的页面的URL。如果没有指定URL，打开一个新的空白窗口 name 可选。指定target属性或窗口的名称。支持以下值：_blank - URL加载到一个新的窗口。这是默认_parent - URL加载到父框架_self - URL替换当前页面_top - URL替换任何可加载的框架集nam
window.open的使用方法
java程序员的蜕变之路
05-27 959
一、window.open()支持环境： JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+ 二、基本语法： window.open(pageURL,name,parameters)  其中： pageURL 为子窗口路径  name 为子窗口句柄  parameters 为窗口参数(各参数用逗号分隔)  三、示
javascript window.open打开新窗口后无法再次打开该窗口问题的解决方法
10-26
在探讨如何解决使用JavaScript的window.open方法打开新窗口后无法再次打开该窗口的问题之前，我们先要了解window.open方法的基本用途和作用。window.open是JavaScript中非常重要的一个方法，它可以用来打开一个新的...
JavaScript中window.open用法实例详解
12-10
下面我们将详细探讨`window.open()`的使用方法及其相关参数。 `window.open()`的基本语法如下： ```javascript window.open(url, name, features); ``` - `url`：这是一个必需的参数，表示要打开的网页URL。 - `...
javascript中window.open在原来的窗口中打开新的窗口(不同名)
10-23
在Web开发中，JavaScript提供了许多内置对象，用于与浏览器窗口和文档进行交互，而window.open()是其中非常重要的一个方法，它能够用来打开一个新的浏览器窗口，并且可以设置窗口的各种属性。本文将详细介绍window....
javascript 打开页面window.location和window.open的区别.docx
01-13
### JavaScript打开页面window.location与window.open的区别 #### 一、概述 在JavaScript中，`window.location` 和 `window.open` 都是用来控制浏览器导航的重要API，但它们在使用场景、功能特性和行为上有显著的...
window.open打开窗口被拦截的快速解决方法
12-11
在网页开发过程中，有时会遇到使用JavaScript的`window.open`函数打开新窗口被浏览器拦截的情况。这通常是由于浏览器的安全策略导致的，特别是像Chrome这样的现代浏览器，为了防止弹窗广告等不良用户体验，对`window...
JavaScript中window.open()方法【详解】
最新发布
sjs52406的博客
01-03 2835
本篇文章主要针对JavaScript中window.open()方法的全面了解，以及详细参数说明使用
JS open方法
wang_swa99er的博客
08-20 4145
JS open方法 open() 第一个参数：跳转的url，打开一个新窗口，加在url 第二个参数：字符串，给打开的窗口起一个名字 第三个参数：一串特殊含义的字符串 【注】如果只有一个参数，调用open方法会打开新窗口，加载url 【注】如果已经起好名字，则会在已经起好名字的窗口加载url <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="
JavaScript使用技巧精萃
weixin_30670925的博客
08-26 98
(一).确认删除用法: 1. BtnDel.Attributes.Add("onclick","return confirm('"+"确认删除?"+"')"); 2. linktempDelete.Attributes["onclick"]="javascript:return confirm('"+"确认删除?"+"');"; 3. private void grdProje...
window.open使用方法
qq_44915016的博客
09-18 5267
window.open使用方法 open方法用来可以查找一个已经存在或者新建的浏览窗口； 1.语法： window.open([url],[窗口名称],[参数字符串])； 解释： **url:**可选参数，浏览器的路径，如果忽略不写，窗口就不显示任何文档。 例如打开:**https://blog.csdn.net/qq_44915016/**网站。 **窗口名称：**被打开的窗口名称； 1.名称由字母，数字，下划线组成。 2."_top","_blank","_self"特别注意。 “_top”
window.open()方法详解
m0_50015961的博客
12-15 2557
转发链接：https://www.cnblogs.com/xsatc5211314/p/javascript.html。为避免弹出的2个窗口覆盖，用top和left控制一下弹出的位置不要相互覆盖即可。上面的例子都包含两个窗口，一个是主窗口，另一个是弹出的小窗口。通过下面的例子，你可以在一个页面内完成上面的效果。解释：这里定义了一个函数openwin(), 函数内容就是打开一个窗口。注意：2个窗口的name(newwindow与 newwindow2)不要相同，或者干脆全部为空。注意：使用的"#"是虚连接。
Window open() 方法
weixin_39326858的博客
07-31 968
window.open(URL,name,specs,replace) &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;URL 可选。指定target属性或窗口的名称。支持以下值： &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;_blank - URL加载到一个新的窗口。这是默认 &amp;nbsp;&amp;nbsp;&amp;nbsp;&
JavaScript中的open（）方法
暖暖2333的专栏
08-02 1万+
open（）方法用于导航到一个特定的URL或者打开一个新的浏览器窗口。它接收4个参数：要加载的URL，窗口名称，特性字符串和一个布尔值。 参数一：要加载的URL（ 可选）          当该参数为空时，打开一个空白网页；若不为空，则导航到改URL所指的网页或者打开一个新的浏览器窗口显示该URL所指网页 参数二：窗口名称（可选）      指被打开窗口的名称 参数三：特性字符串（可
JS window.open()属性
yihuliunian的博客
03-17 158
转载自品略图书馆http://www.pinlue.com/article/2020/03/1513/4110027082842.html 一. Window 对象 Window 对象是 JavaScript 层级中的顶层对象。 Window 对象代表一个浏览器窗口或一个框架。 Window 对象会在 <body> 或 <frameset> 每次出现时被自动创建。...
JavaScript 中的 Window.open() 用法详解
孙悟空
05-30 3万+
本文介绍了如何使用Window.open()方法，列举了该方法中各个参数的含义，以及如何在当前窗口、新窗口、独立窗口打开地址
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值