使用自定义内容而不是网址创建窗口弹出窗口?

时间:2013-12-06 09:34:22

标签: javascript jquery html css popup

任何人都可以让我知道如何实现窗口弹出窗口并访问父窗口的js变量以使用自定义内容弹出窗口。

<div id="modeltext" style="display:none">
    <p id="linker" ></p>
    <script type="text/javascript">
        var news = "http://google.com";
        jQuery(document).ready(function() {
        jQuery('#linker').html("<a href="+news+">"+news+"</a>");
        });
    </script>
    This is for testing according to the concept.

</div>
<a href="#" id="testing" >Open a popup window</a>

JS:

jQuery('#testing').click(function() {

  var w = window.open($('', "", "width=600, height=400, scrollbars=yes"));
        alert(news);


        var $w = $(w.document.body);

        $w.html($('#modelText').html());
});

例如:

让我考虑一下我有一套段落和简单的html表单。如果有人点击父母的链接,例如(Open in New Window)。而不是url,我想加载自定义内容,我也无法访问弹出窗口的js变量值。不确定任何建议会很棒。我尝试提供js小提琴,但弹出窗口不起作用。 有没有办法向弹出窗口显示自定义内容而不是url并使用主窗口中的js变量到弹出窗口?(如何在父窗口中加载窗口弹出窗口)。 小提琴不工作但这里是代码 http://jsfiddle.net/6cpup/11/

1 个答案:

答案 0 :(得分:7)

编辑:

我认为这是因为您错误地打开了窗口,请查看this jsFiddle

 var w = window.open('', "", "width=600, height=400, scrollbars=yes");
    //alert(ICJX_JXPath);

 var html = $("#modeltext").html();

 $(w.document.body).html(html);

对于包含自定义HTML的弹出窗口,请查看此答案Open window in JavaScript with HTML inserted