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

如何在网页上的框架中打开第三方网站或链接到网站？

4 个答案: