0

我正在尝试创建一个出现在同一站点内的外部链接。

在这里，如果我单击一个链接，它应该会在我们的站点内显示该链接（外部站点）的内容。即，如果我的站点是站点A，并且我放置了一个链接（到站点B），该链接将重定向到关闭“站点A”的“站点B”。除了我想让siteB在siteA中打开之外，我只想避免这种情况

我的想法是当链接打开时，将创建一个 iframe，并在该 iframe 中打开外部站点。

 <a href="http://www.google.com" target="your_frame_name" onclick="executeOnClick()">Google</a>

 <script type="text/javascript">

   function executeOnClick(){
      <iframe name="your_frame_name" src="www.google.com" > </iframe>
             return true;
        }

       </script>

我写了这段代码，但无法得到我所期望的。我尝试使用按钮，但它不起作用。

有没有其他方法可以解决我的问题..

4

6 回答 6

2

不需要 javascript，使用target属性：

<a href="http://www.hopamchuan.com" target="iframe1">Load the page</a>

<iframe id="iframe1"> </iframe>

JSFiddle

重要提示：您不能在 iframe 中显示http://google.com，因为它们的X-Frame-Options. 请参阅：X-Frame-Options 响应标头

于 2014-03-18T07:13:38.417 回答
0 
function executeOnClick(){
      $('body').append('<iframe name="your_frame_name" src="www.google.com" height=200 width=200 > </iframe>');
             return true;
        }

尝试这个

于 2014-03-18T07:13:36.527 回答
0

iframe标记不应在您的函数JavaScript内。除了抛出异常之外，这没有任何作用。将标记放在您的锚点下方并src在点击时更改它：

<a href="http://www.google.com" onclick="executeOnClick(this)">Google</a>
<iframe id="targetFrame"></iframe>

<script>
    function executeOnClick(target) {
        document.getElementById("targetFrame").src = target.src;
        return false;
    }
</script>

事实上，你甚至不需JavaScript要这样做。您可以使用target锚点的属性并将其设置为您要在其中打开页面的框架的名称：

<a href="http://www.google.com" target="targetFrame">Google</a>
<iframe name="targetFrame" id="targetFrame"></iframe>
于 2014-03-18T07:14:07.700 回答
0

改成这样：

onclick="executeOnClick(this); return false;"

并在您的函数中执行此操作：

<script type="text/javascript">
   function executeOnClick(elem){
      var frame = '<iframe name="your_frame_name" src="'+ elem.getAttribute('href') +'" > </iframe>';
      document.body.appendChild(frame); // <----append it here.
   }
</script>

在您的 onclick 功能中，您必须return false;停止锚点的默认行为才能将您带到另一个页面。

于 2014-03-18T07:16:17.440 回答
0

请注意，google.com 不适用于 iframe

<a href="javascript:void(0)" onclick="executeOnClick('http://www.google.com')">Google</a>
<iframe id="targetFrame"></iframe>

<script>
    function executeOnClick(src) {
       document.getElementById("targetFrame").src =src;
    }
</script>
于 2014-03-18T07:17:32.710 回答
-1 
 <iframe src="www.google.com" height="400" width="551" frameborder="0" scrolling="no" runat="server"></iframe>

也使用 runat 属性。希望这有效。如果没有，错误是什么？

于 2014-03-18T07:11:52.923 回答