使用第二个Onclick事件来调用JS

Question

我正在使用在iframe中打开URL的Onclick。 它作为一个HREF链接很好，但我决定改变我的第二个网址到JS功能，而不是在我的每个链接中键入它。

这里是我的加js：

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

这与上面脚本中使用我的，我试图调整原有的单元格链接。我实际上需要将字符串.src='http://www.cnn.com'"更改为Link()函数。

<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> 

这里是我的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

您可以使用简短的this这是一个DOMElement

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

请记住，这将不会重新武装的链接yahoo.com一旦链接被点击两次。

Answer 4

td标记需要位于表格内才能成为有效的HTML;您可能需要将单元格包装在<table>元素中，或者将其更改为其他元素（例如跨度）。

<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>