关于使用a标签的教训

来源:互联网 发布:电磁弹射 知乎 编辑:程序博客网 时间:2024/05/17 03:55

 

 

关于<a href="xxx" onclick="xxx" target="xxxx">文字</a>
的几点教训

a标签是链接,href属性是链接请求的url,你还可以定义onclick事件,
target属性是提交到哪个frame中。

点击a标签,那么请求就会走,即href中的url就会走。
有时候我们不想让他走请求,我想自己定义方法,经过一些逻辑处理后
再决定干什么,那么我们会这样写:
<a href="#" onclick="editTempUser()">编辑</a>
这样有个问题,那就是链接"#"会走一次,
这个"#"代表本页面,这样你的页面布局就不一样了。
单个页面是看不出问题的,但是在iframe中,就会跳到父框架上,
你用window.location.href=urlpath;就不会还在你的iframe里面!
要想保证a标签链接失效,即href失效,应该这样写:
<a href="javascript:void(0)" onclick="editTempUser()">编辑</a>
这样保证只走js代码javascript:void(0)而不会刷新你的页面,框架的嵌套关系也就不会
改变!


 

 

原创粉丝点击