Onclick在新TAB中打开URL,但不在iframe中打开第二个URL

时间:2016-09-25 18:04:27

标签: javascript html iframe

我几天前在这里得到了一些帮助,但我得到的答案最终并不适合我,我仍然在寻找如何解决这个问题。

我有这个页面测试:

http://cpanel2.secured.co.il/~iherbcoi/test.html

我有很多链接,包括:

  1. 在新TAB中在HREF中打开的网址。
  2. onclick事件,在源页面上的iframe中打开第二个URL。
  3. 我已经采用了原创的链接,并且希望将onclick URL更改为将从页面HEAD中的JS中获取的值。

    这是我最初的HREF / onclick工作正常:

    <a href="http://www.cnn.com" target="_blank" onClick=document.getElementById("if").src='http://www.yahoo.com';>Original Link</a>
    

    问题是在iframe中打开的网址与在新TAB中打开的网址相同,而不是onclick网址。

    我还遇到一个问题,一旦iframe加载其内容,就会导致页面源整体刷新。怎么可以避免这个?

    这是目前使用的代码:

    HEAD代码:

    <script type="text/javascript">
            function Link() {
                document.getElementById("iframe_test").href = "http://www.yahoo.com";
            }
    </script>
    

    链接:

    <a href="http://www.cnn.com" onClick="window.open(this.href)" target="iframe_test">JS HEAD code based link</a>
    

    iframe:

    <iframe id="iframeid" name="iframe_test" frameborder="0" scrolling="no" width="400px" height="400px"></iframe>
    

1 个答案:

答案 0 :(得分:0)

除非我误解了,否则请尝试_blank在脚本中实际调用该函数。您正在告诉窗口打开iframe中的href。

然后将目标更改回<a href="http://www.cnn.com" onclick="Link()" target="_blank">Click</a> <iframe id="iframe_test" src="" frameborder="0" scrolling="no" width="400px" height="400px"></iframe>

你也有一些错字会阻止被称为

的东西

HTML:

function Link() {

   document.getElementById("iframe_test").src = "http://www.yahoo.com";

}

JS:

{{1}}