window開啟新視窗案例

來源:互聯網
上載者:User

標籤:點擊   情況   分享   pen   cli   value   window   .com   logs   

//有些某些瀏覽器安全層級比較高,因為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

window開啟新視窗案例

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.