3

到目前为止，我还无法理解相关问题的答案（根据我的知识水平），所以......

我有一个简单的脚本（使用 jQuery），它打开一个新窗口并将父级的某些内容添加到子级内的指定容器中。我不确定是我的方法错误还是我只是错过了一步-在新窗口上运行的脚本在window.onload函数外部时在 IE 中运行，但这会破坏 FF，而 FF 在里面时很高兴的window.onload，但是 IE 中的新窗口似乎没有做任何事情（没有警报，没有添加内容，nada）。

请任何人向我解释为什么会这样/我做错了什么？它与引用有关window.open吗？

这是脚本：

var printPage = function(container){

    $('.printButton').click(function(){

        var printWindow = window.open('printWindow.html');  

        var contentFromParent = $(container).eq(0).html();   

        /*works for IE, but not FF
        printWindow.alert('works for IE, but not FF');  
        printWindow.document.getElementById('wrap').innerHTML = contentFromParent;*/

        /*works for FF and Chrome but not IE:*/
        printWindow.onload = function(){
            printWindow.alert('works for FF and Chrome but not IE');
            printWindow.document.getElementById('wrap').innerHTML = contentFromParent;          
        }

        /*I also tried:
        $(printWindow.document).ready(function(){
            printWindow.alert('load the page, fill the div');
            printWindow.document.getElementById('wrap').innerHTML = contentFromParent;
        }); //works for IE, not working for FF/Chrome*/
    })  
}
printPage('#printableDiv');

的HTML：

<div id="wrap">
    <button href="#" class="printButton">Print</button>
    <div id="printableDiv"> 
        <p>I want to see this content in my new window please</p>
    </div>
</div>

更新 感谢您在新窗口中关于 onload 的指示 - 我现在已经使用了这个解决方案：在 IE6 中为新打开的窗口设置 OnLoad 事件- 只需检查 DOM 并延迟 onload - 适用于 IE7/8/9。

我不确定您是否称其为“优雅”的解决方案，但它确实有效！进一步的评论，特别是如果你认为这是有缺陷的，将不胜感激。谢谢。

var newWinBody;
function ieLoaded(){
    newWinBody = printWindow.document.getElementsByTagName('body');
    if (newWinBody[0]==null){
        //page not yet ready
        setTimeout(ieLoaded, 10);
    } else {
        printWindow.onload = function(){
            printWindow.alert('now working for all?');
            printWindow.document.getElementById('wrap').innerHTML = contentFromParent;          
        }
    }
}
IEloaded();
4

1 回答 1

3

您打开的页面会不会在您设置事件处理程序之前触发“onload”事件printWindow.onload = ...？

您可能会考虑在您的“printWindow.html”页面中包含一些 javascript。假设您<script>var printWindowLoaded = true;</script>在页面末尾添加了一个简短的内容。然后你的主脚本会做这样的事情：

function doStuff() {
        //...          
    }

if (printWindow.printWindowLoaded)
    doStuff();
else
    printWindow.onload = doStuff;
于 2013-05-10T15:30:54.470 回答