當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
JavaScript基础8——弹窗案例
生活随笔
收集整理的這篇文章主要介紹了
JavaScript基础8——弹窗案例
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="UTF-8">
5 <title>彈窗案例</title>
6 </head>
7 <body>
8 編號：<input type="text" id="numid" /><br />
9 姓名：<input type="text" id="nameid" /><br />
10 <input type="button" value="選擇" onclick="openUser()" />
11 <script type="text/javascript">
12 /*
13
14 */
15 function openUser() {
16 window.open("user.html","","width=250,height=150");
17 }
18 </script>
19 </body>
20 </html>
?
user.html
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>user</title> 6 </head> 7 <body> 8 <table border="1" width="200px"> 9 <tr> 10 <td>操作</td> 11 <td>編號</td> 12 <td>姓名</td> 13 </tr> 14 <tr> 15 <td><input type="button" value="選擇" onclick="s1('100','張三')" /></td> 16 <td>100</td> 17 <td>張三</td> 18 </tr> 19 <tr> 20 <td><input type="button" value="選擇" onclick="s1('101','李四')" /></td> 21 <td>101</td> 22 <td>李四</td> 23 </tr> 24 <tr> 25 <td><input type="button" value="選擇"onclick="s1('102','王五')" /></td> 26 <td>102</td> 27 <td>王五</td> 28 </tr> 29 </table> 30 <script type="text/javascript"> 31 function s1(numid, nameid) { 32 // 把參數賦值到window頁面 33 // 跨頁面操作，opener得到創建這個窗口的窗口 34 var p = window.opener; 35 p.document.getElementById("numid").value = numid; 36 p.document.getElementById("nameid").value = nameid; 37 // 關閉當前窗口 38 window.close(); 39 } 40 </script> 41 </body> 42 </html>轉載于:https://www.cnblogs.com/linyisme/p/5865033.html
總結
以上是生活随笔為你收集整理的JavaScript基础8——弹窗案例的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 自制浮动静态路由实验（简单）
- 下一篇： 治标更治本，如何从根源防护DDoS***