點擊即可打開Iframe src

Question

我想在整個標簽頁/窗口中打開iframe的src值，方法是單擊它的任意位置。 我怎樣才能高效而輕松地做到這一點？ 如果您感到好奇，請在此處進行操作。

Answer 1

正如@Pointy所指出的那樣，您需要在iframe前面或周圍添加一個新的<div>或者將其包含在iframe中（即其父級），該鏈接鏈接到您給定iframe的src 。 該div必須與iframe高度和寬度相同，但是只要您沒有應用該div會落入的CSS規則，它就應該自行計算並收縮到所需的高度和寬度。

Answer 2

即使訪問iframe文檔，您也必須使用一些跨域hack才能將事件附加到iframde文檔。

您可以查看： http : //xkr.us/articles/dom/iframe-document/以了解如何訪問該文檔。

最好的解決方案，也是最簡單的解決方案，是Pointy在評論中建議的解決方案。 在iframe上使用div或透明圖像並將click事件附加到它，並通過javascript抓取src屬性，例如： document.getElementById('myFrame').src

Answer 3

最重要的是，從客戶端來看，您將無法加載外部域的源。 您可以通過服務器端httpclient調用來完成此操作，但不能從客戶端進行。