JavaScript代码，使外部网站弹出

我需要一个JavaScript代码，可以使我，在某个按钮点击让一个面板打开，其中包含另一个页面不在我的域名下，例如，www.google.com！JavaScript代码，使外部网站弹出

按这里当按下它时，会出现一个弹出窗口或一个面板将变为可见，其中包含Google.com！

谢谢！

来源

2011-11-29 Ghassan

你有没有做过这方面的事情？ –

-3

使用window.Open方法是这样的：

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

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

了解更多详情。

来源

2011-11-29 09:41:16 Somedeveloper

在一个函数，你bind为元素要点击点击事件：Create的iframe和set其src，然后append它已经在文档中的一个元素。

来源

2011-11-29 09:43:06 Quentin

我会考虑使用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>');

来源

2011-11-29 09:46:42 WayneTheisinger

This应该把你在正确的轨道。

来源

2011-11-29 09:47:21 Prisoner

这是为什么被拒绝？它似乎完全是OP所要求的？ –

我想知道完全一样的东西...... – Prisoner

我投票赞成赔偿余额（因为它的工作原理！）：D –

<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>

这将工作仅当您试图显示该网站允许帧。否则，您可能需要在单独的浏览器窗口中打开该网站。

来源

2011-11-29 10:00:21

JavaScript代码，使外部网站弹出

回答

相关问题