Javascript-重定向到另一個網站，並在該頁面加載后調用Javascript函數

Question

場景：您在網頁上有一個指向另一個網站（例如yahoo.com）的鏈接，並且用戶單擊該鏈接。

即使頁面位於完全不同的域中，也可以調用Javascript函數並在頁面上加載HTML / CSS嗎？ 例如，在Yahoo上渲染某種補充工具欄？

如果沒有（我認為是這種情況），還有其他方法可以做到這一點嗎？

Answer 1

簡短的回答是“ 否” ，您不能。

當然，您可以采取解決方法，例如Blender在他的評論中建議，將iframe嵌入網站，但是由於同源政策 ，如果iframe中加載的內容來自另一個域，則您將無法對其進行任何訪問。 CSS和JavaScript都適用，因此您將無法以任何方式修改內容。

他說，您也許可以將內容加載到iframe中，並在iframe旁邊的自己的頁面上添加一個“側邊欄”。 當您單擊“側邊欄”中的任何鏈接時，您會在iframe中加載該引用，從而創建一個“感覺”，即側邊欄與iframe的內容相關。 這絕不是一個很好的解決方案，但它是我目前能想到的最接近的解決方案。

更新

擴展了@kieran在其評論中提供的示例，並提供了一些鏈接，因此這里是我上面所描述的一個有效示例 。

您的DOM看起來類似於：

<div class="sidebar">
    <a href="http://images.yahoo.com/" target="container">Yahoo images</a><br/>
    <a href="http://news.yahoo.com/" target="container">Yahoo news</a>
</div>
<iframe name="container" class="site-container" src="http://www.yahoo.com/" />

以及一些可以修改以適合您的需求的CSS：

.sidebar {
    width: 150px;
    float: left;
    background-color: #ccc;
    border-right: 1px solid #888;
}

.site-container {
    border: 0;
}

.sidebar,
.site-container {
    height: 300px;
}