javascript如何在彈出視窗給父視窗賦值

螞蟻小編發表於2017-03-16
JavaScript賦值

在實際應用中，可能會用到window.open()函式彈出衣蛾視窗，其實也就是開啟一個新的頁面，當然這個頁面的樣式可以進行設定，有時候需要將在這個開啟頁面中的某個值賦值給父視窗，下面就對此進行一下簡單介紹。

父視窗程式碼:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script type="text/javascript">
function selectValue(){
  window.open("sub.html","","status:no;resizable:yes;")
}
</script>
</head>
<body>
文字框:<input type="text" name="testInput" /><br>
<input type="button" value="選擇" />
</body>
</html>

彈出視窗程式碼:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script type="text/javascript">
function selectValues(){
  var obj=document.getElementsByName("temp");
  var value="";
  for(var i=0;i<obj.length;i++){
    if(obj[i].checked == true)
      value += obj[i].value;
  }
  window.opener.document.all.testInput.value = value;
  window.close();
}
</script>
</head>
<body>
  <input type="checkbox" name="temp" value="1" />螞蟻部落一
  <input type="checkbox" name="temp" value="2"/>螞蟻部落二
  <input type="checkbox" name="temp" value="3" />螞蟻部落三
  <input type="checkbox" name="temp" value="4" />螞蟻部落四
  <input type="button" value="OK"/>
</body>
</html>

上面的程式碼比較簡單，這裡就不介紹了，如有任何問題可以跟帖留言。

相關文章