使用第二个Onclick事件调用JS

Question

I'm using an Onclick that opens a URL inside an iframe. It works great as an HREF link, but I've decided to change my second URL into JS function instead of typing it in each of my links.

Here is my added JS:

function Link() {
  document.getElementById("TestMe").src = "http://www.cnn.com";
}

This is my original Cell link that I'm trying to adjust to be used with the top script. I actually need to change the string .src='http://www.cnn.com'" into a Link() function.

<td bgcolor="#a7d331" height="10" align="center" style="cursor:pointer" onclick="window.open('http://www.yahoo.com'); document.getElementById('TestMe').src='http://www.cnn.com'"><font face="Arial" color="FFFFFF" size="4" alt="English">Some Link</font></td>

Here is my iframe:

<iframe id="TestMe" src="" frameborder="0" scrolling="no" width="400px" height="400px"></iframe>

Answer 1

用函数调用替换分配。

onclick="window.open('http://www.yahoo.com'); Link();"

Answer 2

<script>
    function link()
        {
            window.open('http://www.yahoo.com'); 
            document.getElementById('My_Test').src='http://www.cnn.com'
        }
</script>
<td onclick="link()"><font>Some Link</font></td>

Answer 3

You can use short-hand this which is the DOMElement

 onclick="window.open('http://www.yahoo.com'); this.href='http://www.cnn.com';"

Keep in mind this will not re arm the link to yahoo.com once the link is clicked twice.

Answer 4

The td tag needs to be inside a table in order to be valid HTML; You either need to wrap your cell in a <table> element, or change it to a different element (such as a span).

<script type="text/javascript">
function Link() {
   document.getElementById("TestMe").src = "http://www.cnn.com";
}
</script>

<table>
<td bgcolor="#a7d331" height="10" align="center" style="cursor:pointer" onclick="window.open('http://www.yahoo.com'); Link();"><font face="Arial" color="FFFFFF" size="4" alt="English">Some Link</font></td>
</table>

<iframe id="TestMe" src="" frameborder="0" scrolling="no" width="400px" height="400px"></iframe>