我需要一个JavaScript代码,可以使我,在某个按钮点击让一个面板打开,其中包含另一个页面不在我的域名下,例如,www.google.com!JavaScript代码,使外部网站弹出
按这里当按下它时,会出现一个弹出窗口或一个面板将变为可见,其中包含Google.com!
谢谢!
我需要一个JavaScript代码,可以使我,在某个按钮点击让一个面板打开,其中包含另一个页面不在我的域名下,例如,www.google.com!JavaScript代码,使外部网站弹出
按这里当按下它时,会出现一个弹出窗口或一个面板将变为可见,其中包含Google.com!
谢谢!
使用window.Open方法是这样的:
window.open( “www.google.com”, “mywindow的”);
看到 http://www.javascript-coder.com/window-popup/javascript-window-open.phtml
了解更多详情。
我会考虑使用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>');
<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>
这将工作仅当您试图显示该网站允许帧。否则,您可能需要在单独的浏览器窗口中打开该网站。
你有没有做过这方面的事情? –