Question

我需要一个javascript代码，可以启用我，在某个按钮上单击以打开一个面板，其中包含不在我的域下的其他页面，例如www.google.com！

按此处，按下此按钮后，系统会显示一个弹出式窗口或显示包含Google.com的面板！

谢谢！

Answer 1

在bind针对您要点击的元素的点击事件的函数中：Create iframe和set其src，然后append到文档中已有的元素。

Answer 2

我会研究使用jquery http://docs.jquery.com/How_jQuery_Works

它托管在CDN上，因此很容易包含在文档中，许多浏览器已经将其缓存，从而减少了页面加载时间。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js" type="text/javascript"></script>

jquery是一个轻量级的JavaScript库，它使得选择和操作页面元素非常容易。

$("#button").click(function () { 
  $("#hiddenDiv").slideDown(); 
});

隐藏的div应包含iframe以显示域外页面。

http://www.w3schools.com/html/html_iframe.asp

哦，如果你需要动态分配iframe，那么请查看jquery追加函数http://api.jquery.com/append/

$('#hiddenDiv').append('<iframe src="http://www.google.co.uk"></iframe>');

Answer 3

This应该让你走上正轨。

Answer 4

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function(){
    $('#show_frameDiv').click(function(){
        $('#frameDiv').show();
    });
    });
</script>
<style>
    #frameDiv { display: none; }
    #frameDiv iframe { width: 100%; height: 600px; }
</style>
</head>
<body>
    <a href="#" id="show_frameDiv">Show external site</a>

    <div id="frameDiv">
        <iframe src="http://www.bbc.co.uk">
            <p>Your browser does not support iframes.</p>
        </iframe>
    </div>
</body>

仅当您尝试显示的网站允许使用框架时，此功能才有效。否则，您可能需要在单独的浏览器窗口中打开该站点。

Answer 5

使用window.Open方法如下：

window.open（“www.google.com”，“mywindow”）;

见 http://www.javascript-coder.com/window-popup/javascript-window-open.phtml

了解更多详情。

JavaScript代码，用于弹出外部网站

5 个答案: