Javascript 在js函数中调用iframe

我正在尝试创建一个外部链接，它出现在同一个站点中

在这里，如果我点击一个链接，它应该会在我们的网站中显示该链接（外部网站）的内容。i、 例如，如果我的站点是siteA，并且我放置了一个链接（指向siteB），该链接将重定向到“siteB”，关闭“siteA”。我只是想避免这种情况，而且我想让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> 

函数executeOnClick（）{
返回true；
}

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

是否有其他方法解决我的问题。

 <iframe src="www.google.com" height="400" width="551" frameborder="0" scrolling="no" runat="server"></iframe>

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

函数执行单击（）{
function executeOnClick(){
      $('body').append('<iframe name="your_frame_name" src="www.google.com" height=200 width=200 > </iframe>');
             return true;
        }

$（'body'）。追加（''）；
返回true；
}

---

试试这个

不需要javascript，使用

target

属性：

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

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

---

重要：由于iFrame的

X-Frame选项

，因此无法在iFrame中显示。请参阅：

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>

更改为：

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>

函数执行单击（元素）{
var frame=''；
document.body.appendChild（frame）；//请注意，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>


函数executeOnClick（src）{
document.getElementById（“targetFrame”）.src=src；
}
你在说什么……我在你的小提琴上运行了谷歌！！对不起，标签是“谷歌”，但链接链接到了。我已经更新了小提琴。Noo，我可以得到结果。输出没有变化，我希望这不是好的（我是说我想要的）。stackoverflow.com也是如此：d大多数答案都是正确的！！：P明智选择我希望只有在单击“google”（href）时才会显示框架。页面应该是空的，只有google（href）文本，单击后iframe应该执行。如果没有单击，iframe不应该执行，没有更改，同样的问题（google站点/或任何）在新选项卡中打开。我希望在替换文本的同一页面中打开该链接。首先，该页面应为空，仅显示该链接。单击该链接时，应显示一个iframe删除链接（href）相同问题dude，我希望该链接（href）在同一页面中打开。无论你说什么都是正确的，但它会将我带到一个新选项卡，并在该选项卡中打开链接最初，该页面应该是空的，带有一些标题和链接（让它在这里是谷歌）。当点击链接时，它会将我带到该站点，并在页面中显示该站点，即标题下方（因此，我们的网站将处于活动状态，外部链接将在标题下方打开）…即使Google.com允许在iframe中加载，也有一个很大的原因使此代码无法工作。它与
src
元素有关。URL无效。
<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>