如何在第三方框架中放置第三方网站或链接到网站？

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