javascript - 在超链接中使用 href 而不是 onClick - Javascript

标签 javascript html dom onclick

我有以下 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 并且仍然获得相同的新窗口效果。 这可能吗?

非常感谢您的指点

最佳答案

是的,你可以:

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

关于javascript - 在超链接中使用 href 而不是 onClick - Javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11230192/

相关文章:

html - CSS位置绝对和全 Angular 问题

javascript - 是否可以将 css 应用于 Canvas 标签中的文本

javascript - Firefox 中的 window.opener 引用丢失

javascript - HTML DOM 从哪里开始? window ?文档?文档.defaultView?

javascript - 在 AngularJS Controller 中获取 $resource 调用的值

javascript - 当内容设置为 jQuery 对象时,谷歌地图信息窗口的大小不正确以适合图像

javascript - DOM - 同时事件的计时与 setTimeout

javascript - 在 Firefox 中,使用插件或扩展来调用 "unsafe"API?

javascript - 如何统计选中元素的个数?

javascript - 如何安全地传递 javascript?