使用“onclick”事件调用JS“link”属性

时间:2016-09-21 23:52:45

标签: javascript hyperlink attributes

代码已更新。

我正在尝试使用 Onclick 事件将我的所有硬编码链接更改为一个属性,因此我很容易通过更改Head的属性来更改它们。该链接在iframe中打开。

这是我现有的链接。它做了两件事同时

  1. 在新窗口中打开一些外部网页。
  2. 将另一个外部网页调入我的页面。
  3. 我有很多像这样的链接,我想使用一个只包含Onclick参数和iFrame名称的脚本,而不是一次又一次地编写它们。 HREF链接应保持原样。

     <a href="www.SomeWebsiteInNewWindow.com" rel="nofollow" target="_blank" onClick=document.getElementById("MyFrame").src='www.CallingThe SourceOfMyFrame.com';>A link that execute both Href & Onclick</a>
    
    
    <iframe id="MyFrame" frameborder="0" scrolling="no" width="5px" height="5px"></iframe>
    

    所以实际上我想将上面的代码更改为:

    <script type="text/javascript">
    
                function Link() {
                    document.getElementById("MyFrame").href = "iframe_source_url";
                }
        </script>
    
    
    <a href="www.SomeWebsiteInaNewWindow.com" target="_blank" onClick="take a url value from above into MyFrame">A link that execute both Href & Onclick based of the values that will be taken from the above head script</a>
    

    抱歉麻烦,非常感谢。 我是新来的......

1 个答案:

答案 0 :(得分:0)

你会想要做那样的事情

<a href="http://www.example.com" onClick="window.open(this.href)" target="iframe_test">Test</a>

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