window打开新窗口案例

//有些某些浏览器安全级别比较高,因为js的安全性,所以会出现不能访问本地文件的现象,但是实际开发中是不会存在这种情况,因为用的是域名,不是本地文件地址。
<html>
 <head>
  <title>Html示例</title>
 </head>
 <body>
 编号:<input type="text" id ="numid"/><br/>
 姓名:<input type="text" id ="nameid"/><br/>
 <input type ="button" value ="选择" onclick="open1()"/>
<script type ="text/javascript">
function open1() {
window.open("user.html","","width=250,height=150");
}

</script>

 </body>
</html>

下面是 user.html的代码

<html>
 <head>
  <title>Html示例</title>
 </head>
 <body>
 <table border="1" bordercolor="blue">
 <tr>
    <td>操作</td>
    <td>编号</td>
    <td>姓名</td>
 </tr>
 <tr>
    <td> <input type ="button" value ="选择" onclick="open2(‘100‘,‘张三‘);"/></td>
    <td>100</td>
    <td>张三</td>
 </tr>
 <tr>
    <td> <input type ="button" value ="选择" onclick="open2(‘101‘,‘李四‘);"/></td>
    <td>101</td>
    <td>李四</td>
 </tr>
 <tr>
    <td> <input type ="button" value ="选择" onclick="open2(‘102‘,‘王五‘);"/></td>
    <td>102</td>
    <td>王五</td>
 </tr>
 </table>
<script type ="text/javascript">
 function open2(num1,name1) {
 var pwin = window.opener;
 pwin.document.getElementById("numid").value =num1;
 pwin.document.getElementById("nameid").value =name1;
 window.close();
 }

</script>

 </body>
</html>

结果显示为  点选择会出现 点击图2的选择 编号和姓名会显示在图1

时间: 2024-12-27 10:42:26

window打开新窗口案例的相关文章

使用BOM 的window对象属性打开新窗口

★  示例1 要求:弹出新窗口,并向新窗口写入动态HTML代码 代码 <buttononclick="btnOpen()">打开新窗口</button> <hr/> <span>使用JavaScript打开一个新的浏览器选项卡,并向其中动态写入HTML代码</span> <script> function openNewWin(){ var w = window.open();/*打开空白窗口*/ var d =

javascript 打开新窗口(window.open)

打开新窗口(window.open) open() 方法可以查找一个已经存在或者新建的浏览器窗口. 语法: window.open([URL], [窗口名称], [参数字符串]) 参数说明: URL:可选参数,在窗口中要显示网页的网址或路径.如果省略这个参数,或者它的值是空字符串,那么窗口就不显示任何文档. 窗口名称:可选参数,被打开窗口的名称. 1.该名称由字母.数字和下划线字符组成. 2."_top"."_blank"."_selft"具有特

打开新窗口(window.open) 用法

窗口名称:可选参数,被打开窗口的名称. 1.该名称由字母.数字和下划线字符组成. 2."_top"."_blank"."_selft"具有特殊意义的名称.   _blank:在新窗口显示目标网页   _self:在当前窗口显示目标网页   _top:框架网页中在上部窗口中显示目标网页 3.相同 name 的窗口只能创建一个,要想创建多个窗口则 name 不能相同.   4.name 不能包含有空格. 参数字符串:可选参数,设置窗口参数,各参数用逗

ajax请求响应中用window.open打开新窗口会被浏览器拦截的解决方式

一.问题描述 ajax 异步请求成功后需要新开窗口打开 url,使用的是 window.open() 方法,但是会被浏览器给拦截了,需要用户点下. 二.问题分析 浏览器之所以拦截新开窗口是因为该操作并不是用户主动触发的,所以它认为这是不安全的就拦截了,即使 ajax 回调函数中模拟执行 click 或者 submit 等用户行为(trigger('click')),浏览器也会认为不是由用户主动触发的,因此不能被安全执行,所以被拦截. 说明: 1.如果是在 <a href="javascri

【JavaScript】单击网页任意一处打开新窗口与关闭窗口

在一些不正规的网站,尤其是那些挂满广告的下载站,经常在你点击的下载链接之前,无论你点击网页的任何一处都会弹出新窗口. 这样的效果,可以轻松用JavaScript做到,还可以专门指定点击某一区域的Div,才触发打开新窗口的事件. 比如下图的效果: 在原网页中,指定一个Div,无论用户点击这个Div的任意区域,都会打开新窗口,而点击其它地方则不会. 在新窗口的地址栏不可以编辑,不能被调整大小,提供一个"关闭"按钮,关闭该窗口. 原网页的HTML布局如下, <!DOCTYPE HTML

使用javascript如何打开新窗口

javascript打开新窗口方法 window.open('http://www.onesheng.cn'); [1.最基本的弹出窗口代码]  其实代码非常简单: <SCRIPT LANGUAGE="javascript"> <!-- window.open ('smsyun.html') --> </SCRIPT> 因为着是一段javascripts代码,所以它们应该放在<SCRIPT LANGUAGE="javascript&q

ajax请求成功后打开新窗口地址

转自:http://www.cnblogs.com/linjiqin/p/3148205.html jQuery.ajax({       "type":"post",       "url":"http://www.baidu.com",       "success":function(rel){            if(rel.isSuccess){                 window.

打开新窗口方法

window.open和window.location.href的几种用法 转自:http://zhanz.blogbus.com/logs/73885336.html 因为要让window.open不在新窗口打开,所以找了一些资料 windows.open("URL","窗口名称","窗口外观设定"); <A href="JavaScript:window.open('webpage.asp','_self')">

asp.net中打开新窗口的多种方法(转载)

asp.net中打开新窗口的多种方法 1.Response.Redirect("XXX.aspx",true)——直接转向新的页面,原窗口被代替; 2. Response.Write("<script>window.open(XXX.aspx'',''_blank'')</script>")——原窗口保留,另外新增一个新页面; 3.Response.Write("<script>window.location=XXX.a