链接<a>执行JS
2016-10-08 19:49
190 查看
使用连接执行JS的方法如下:
使用href="javascript:alert(1);" 执行
<a href="javascript:alert(1);">test</a>
使用onclick="alert(1)" 执行
<a href="#" onclick="alert(1);">test</a>
事件绑定执行
<a id="a1" href="#">test</a>
<script>
document.getElementById('a1').onclick = funtion(){alert(1);};
</script>
后面两种有个问题,在点击连接后URL后会加上#号。
有几种方法可避免。
在onclick中添加return false;
<a href="#" onclick="alert(1); return false;">test</a>
在函数中添加 return false;
<a id="a1" href="#">test</a>
<script>
document.getElementById('a1').onclick = funtion(){
alert(1);
return false;
};
</script>
修改href="javascript:void(0);"
<a href="javascript:void(0);" onclick="alert(1);">test</a>
简洁写法
<a href="javascript:;" onclick="alert(1);">test</a>
使用href="javascript:alert(1);" 执行
<a href="javascript:alert(1);">test</a>
使用onclick="alert(1)" 执行
<a href="#" onclick="alert(1);">test</a>
事件绑定执行
<a id="a1" href="#">test</a>
<script>
document.getElementById('a1').onclick = funtion(){alert(1);};
</script>
后面两种有个问题,在点击连接后URL后会加上#号。
有几种方法可避免。
在onclick中添加return false;
<a href="#" onclick="alert(1); return false;">test</a>
在函数中添加 return false;
<a id="a1" href="#">test</a>
<script>
document.getElementById('a1').onclick = funtion(){
alert(1);
return false;
};
</script>
修改href="javascript:void(0);"
<a href="javascript:void(0);" onclick="alert(1);">test</a>
简洁写法
<a href="javascript:;" onclick="alert(1);">test</a>
相关文章推荐
- js中动态生成<a>标签并动态打开<a>标签中的链接
- js执行顺序<转>
- JS分段(<script/>)解释执行:先解析(定义变量+函数)后执行
- 页面加载完成之后执行js函数window.onload 和 $().ready(function) 以及 <body onload="">的同级函数详解
- js中(function(){…})()立即执行函数写法理解(经过控制台测试后修改) <转载>
- js执行顺序<转>
- HTML 标签执行事件的JS分析, 以常用的 <a> 标签为例
- 链接<a>执行JS
- (9)在链接<a></a>标签中写#会跳到页面上边去,为了防止,可用js写法
- JS--------------------<a>标签执行js函数
- Python脚本控制的WebDriver 常用操作 <二十一> 执行JS
- jquery的html()方法里的<script></script>,只能出现一次,再出现的话,里面的js就不执行!!!
- js call 用法<转>
- js中获取焦点至文本框的文字后面<转>
- JS代码在IE和Firefox间的区别 <转>
- 求<ec:table> \hibernate qbc\webwork\js学习资料
- <a>代替按钮 用链接进行表单的提交
- JQuery UI 插件原理分析(一)<jquery.ui.core.js>
- 用编程的方式将当前服务器上SQL SERVER中正执行的所有T-SQL语句记录下来 <转>
- ASP.NET小收集<8>:JS创建对象