您现在的位置:首页 >> 前端 >> 内容

window弹窗案例

时间:2017/8/11 9:46:00 点击:

  核心提示:window弹窗案例:1.创建一个页面:两个输入项和一个按钮以及按钮上有个事件弹出一个新窗口open()2.创建弹出的页面:表格,每一行有一个按钮,按钮上有一个事件把当前的编号和姓名赋值到第一个页面相...

window弹窗案例:

1.创建一个页面:两个输入项和一个按钮以及按钮上有个事件弹出一个新窗口open()

2.创建弹出的页面:表格,每一行有一个按钮,按钮上有一个事件把当前的编号和姓名赋值到第一个页面相应的位置

<html>  
<head>  
<title>aaa</title>  
</head>  
<body>  
   编号:<input type="text" id="numid"/><br/>  
   姓名:<input type="text" id="nameid"/><br/>  
   <input type="button" value="选择" onclick="open1()";/>  
<hr/>  
    <script type="text/javascript">  
    function open1(){  
        window.open("user.html","","width=200");  
    }  
    </script>  
</body>  
</html>  
<html>  
<head>  
<title>window案例</title>  
</head>  
<body>  
    <table border="1" color="blue">  
        <tr>  
            <td>操作</td>  
            <td>编号</td>  
            <td>姓名</td>  
        </tr>  
        <tr>  
            <td><input type="button" value="选择" onclick="s1('102','林平之')"/></td>  
            <td>102</td>  
            <td>林平之</td>  
        </tr>  
        <tr>  
            <td><input type="button" value="选择" onclick="s1("100","东方不败")";/></td>  
            <td>100</td>  
            <td>东方不败</td>  
        </tr>  
        <tr>  
            <td><input type="button" value="选择" onclick="s1('101','岳不群')"/></td>  
            <td>101</td>  
            <td>岳不群</td>  
        </tr>  
        </table>  
    <script type="text/javascript">  
    function s1(num1,name1){  
    //需要吧num1  name1赋值到window页面  
    //跨页面的操作opener得到创建这个窗口的窗口得到window页面  
        var pwin=a.opener;//得到window页面  
        pwin.document.getElementById("numid").value=num1;  
        pwin.document.getElementById("nameid").value=name1;  
        //关闭窗口  
        a.close();  
    }  
    </script>  
</body>  
</html>  

做这个案例的时候有个问题,由于我们现在访问的本地文件,但js有安全性,谷歌浏览器安全性很高,不允许访问本地文件

在实际开发中没有这样的问题,实际中不可能访问本地文件

Tags:WI IN ND DO 
作者:网络 来源:qq_3659470