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代碼，使外部網站彈出

回答

相關問題