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