使用href NOT onClick超链接 - Javascript

时间:2012-06-27 15:46:53

标签: javascript html dom onclick

当我点击“Open Sesame”链接时,我有以下HTML弹出窗口:

<a href="/about-us/" title="Find out About Us" onclick="javascript:void window.open('/about-us/','1329304840803','width=1050,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;">Open Sesame</a></li>

然而,我想知道我是否有可能删除'onClick'部分并且只是在href中包含javascript &amp;仍然得到相同的新窗口效果。 这可能吗?

非常感谢任何指针

1 个答案:

答案 0 :(得分:3)

是的,你可以:

<a href="javascript:void window.open('/about-us/','1329304840803','width=1050,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');" title="Find out About Us">Open Sesame</a>

http://jsfiddle.net/Curt/NqfMX/


但是,我会为此推荐一个事件监听器。它使您的HTML代码更加整洁,并从HTML设计中分离出来的功能:

<a class="opensesame" href="/about-us/" title="Find out About Us">Open Sesame</a>​​​​​​​​​​​​​​​​​​​​​​

​$(function(){
    $("a.opensesame").click(function(e){
        e.preventDefault();
        window.open('/about-us/','1329304840803','width=1050,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');
    });
});​

http://jsfiddle.net/Curt/NqfMX/1/