用Javascript打開一個彈出窗口，並附上父窗口的元素

我有一個用ASP.NET生成的HTML頁面，parent.aspx，我想單擊超鏈接打開一個彈出窗口，其中包含一個已經存在的html頁面，article.html並將元素從parent.aspx附加到html頁面。這兩個文件，parent.aspx和article.html位於相同的文件夾中。用Javascript打開一個彈出窗口，並附上父窗口的元素

的article.html，除了含有標準元件，例如標題和正文，內部主體具有隻是沒有既不內容也不節點一個div，用作佔位符的內容，以附加

parent.aspx

<a href="javascript:displayPopup('article.html');">Open Article</a> 
<div id="articleContent"> 
    <table> 
    <!--article content--> 
    </table> 
</div>

article.html

<body> 
<div id="article"></div> 
</body>

的Javascript

function displayPopup(url) { 
      var popupWindow; 
      var width = 960; 
      var height = 700; 
      var left = parseInt((screen.availWidth/2) - (width/2)); 
      var top = parseInt((screen.availHeight/2) - (height/2)); 
      var articleContent = document.getElementById("articleContent").innerHTML; 
      var windowProperties = "width=" + width + ",height=" + height + ",status,resizable,left=" + left +   ",top=" + top + ",screenX=" + left + ",screenY=" + top + ",scrollbars=yes"; 
      popupWindow = window.open(url, 'article', windowProperties); 
      var articleDiv = popupWindow.document.getElementById("article"); 
      articleDiv.innerHTML += articleContent; 
      popupWindow.document.close(); 
      if (window.focus) 
      { popupWindow.focus() } 
     }

我把代碼中jsFiddle，雖然我不能插入兩個不同的HTML頁面，有隻爲parent.aspx的標記。該代碼在調試模式下工作，但由於某種原因，它不在正常執行過程中。我無法發現錯誤，請有人幫忙嗎？謝謝！

更新：如果我檢查身體內的彈出窗口的代碼，我有

<body> 
<div id="article" class="content"> </div> 
<script type="text/javascript" src="https://www.pc-gizmos-ssl.com:9899/scripts/main.js?ver=1.0.0.6"> 
<form id="GM_form" target="_blank"></form> 
</body>

我不知道在哪裏的PC-小玩意腳本是從

來源

2014-01-26 CiccioMiami

未來在parent.aspx頁，修改代碼，如下所示：

<div id="articleContent"> 
    <b> 
     This is some article content 
    </b> 
</div>

一旦你做到了這一點，嘗試點擊彈出一次，然後你會看到「這是某些文章內容」以粗體顯示。

此外，您從未聲明是否顯示錯誤，或只是在點擊「彈出式」鏈接時出現空白頁面。這使得難以提供解決方案。

來源

2014-01-26 18:57:55 j03z

謝謝，但問題依然存在。它只能在調試模式下工作 – CiccioMiami

感謝您的提示，請參閱我的更新代碼 – CiccioMiami

而不是追加到文章div，請嘗試替換div中的所有內容。換句話說，而不是使用'articleDiv.innerHTML + = articleContent;'嘗試'articleDiv.innerHTML = articleContent;'腳本是否包含pc-gizmos現在？ – j03z

用Javascript打開一個彈出窗口，並附上父窗口的元素

回答

相關問題