javascript - 如何放置第三方网站或网站链接以在我网页的框架中打开？

Question

我正在建立一个网站，我想在我的网页的框架中打开第三方网站页面，我应该使用什么？javascript？如果是这样，我该怎么写？我很新，不知道我在做什么。

Answer 1

如果您使用的是动态网址，则可以使用 javascript，否则您只需要iframe。

<iframe src="http://www.stackoverflow.com" />

Answer 2

如果您希望他们单击​​一个链接，然后在 iframe 中显示该网站，则如下所示：

<a href="http://site.com/" target="iframe">site.com</a>
<iframe name="iframe"></iframe>

Answer 3

如果您想让它在用户单击链接时，该链接在某个框架中打开，您应该为该框架/iframe 提供一个 ID。然后，您可以提供该 ID 作为锚点的目标属性。

假设你的框架看起来像这样

<frame src="somepage.html" id="myFrame">

现在您可以像这样在该框架中打开一个页面：

<a href="http://www.google.com" target="myFrame">Some link</a>

无需使用纯 HTML 之外的任何内容来完成此操作。

Answer 4

我会使用http://fancybox.net/
这是一个轻量级的 jQuery 脚本，可以生成漂亮的 iFrame 覆盖。您也可以将其用于图片和任何其他叠加层。

包括 jQuery 和 Fancybox 和 FancyBox CSS：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" href="/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />

然后添加链接：

<a id="iframe" href="http://www.example.com/">This goes to iframe</a>

并使用 jQuery 初始化 FancyBox：

$(document).ready(function() {
    /* This is basic - uses default settings */
    $("a#iframe").fancybox();
});