1.链接当按钮使用问题
当我们把链接当做按钮使用的时候&＃xff0c;比如这样&＃xff1a;&＃43; 千万注意了&＃xff01;如果这样写的话&＃xff0c;当你点击这个链接的时候&＃xff0c;会发送两个请求到后台去&＃xff0c;一个是onclick触发的处理函数发送一个AJAX请求&＃xff0c;一个是href&＃61;“”发送一个刷新本页面的请求&＃xff01;我的本意是只发送一个AJAX请求局部刷新页面即可&＃xff0c;我怎么搞都不对&＃xff0c;原来是href&＃61;""的原因&＃xff01;把href&＃61;“”改成href&＃61;"Javascript:void(0)"即可&＃xff0c;就是把这个链接失效&＃xff08;刚开始我还以为是浏览器的原因&＃xff0c;因为在不同的浏览器有不同的效果&＃xff0c;看来不能轻易怀疑浏览器&＃xff01;&＃xff09;
2.JS单引号与双引号问题
当拼接JS字符串的时候&＃xff0c;双引号里面一定要是单引号&＃xff0c;单引号里面要是双引号。如此循环&＃xff01;不过全部双引号也可以&＃xff0c;就是双引号里面的双引号需要转义&＃xff01;这个错误在查看页面源代码的时候看不出来&＃xff01;我那天看了好久&＃xff0c;Firefox那个错误控制台报错了&＃xff0c;说是语法错误&＃xff0c;但是我查看页面源代码的时候&＃xff0c;感觉没错&＃xff0c;而且的确没错!如果用firebug看的话&＃xff0c;就看出来了&＃xff01;
我们经常会用链接 来代替 触发onclick事件。 比如测试 这样做出现的结果就是&＃xff1a; 执行了alert()后&＃xff0c;直接跳到了一个空页面.因为html本身对 标签的href属性做了处理&＃xff0c;所以就会先执行我们自己定义的方法&＃xff0c;接着再运行它自身的方法&＃xff08;跳转的方法&＃xff09;。 那么以前我是怎么做的呢&＃xff1f; 我将代码改为&＃xff0c;这样就不会出现上述的问题了&＃xff0c;这个是通过对href属性的了解&＃xff0c;只要赋给href&＃61;“#”&＃xff0c;那么它便不会跳到空页面。 我本以为这样的问题已经解决了&＃xff0c; 想不到这种写法也有个问题&＃xff0c;就是当页面出现垂直滚动条的时候&＃xff0c;比如你的链接是在页面最底端&＃xff0c;你需要将滚动条拉下才能看到此链接&＃xff0c;你点击链接&＃xff0c;就会先执行alert()&＃xff0c;这个时候滚动条会自动拉上去到页面顶端&＃xff0c;这给使用系统的客户造成了很大的不方便&＃xff0c;由于页面自动往顶端跳&＃xff0c;用户又要下拉滚动条来操作。这个说明执行了alert()方法后&＃xff0c;浏览器自身也执行了自己的方法。 这样考虑之后&＃xff0c;现在的做法是 ,浏览器也是要响应这个事件&＃xff0c;那么我们将这个事件停止传播了&＃xff0c;自然也就没上面的问题了&＃xff0c;当然event.returnValue只是IE的特有&＃xff0c;如果要兼容firefox,mozilla &＃xff0c;可能需要考虑兼容性的编码了&＃xff0c;但这不是表达的重点. 所以在平时的页面设计中&＃xff0c;最好都是用button来响应onclick事件&＃xff0c;如果有涉及到链接的&＃xff0c;希望我这种做法能给大家带来帮助。 语言表达有限&＃xff0c;如果觉得写得不太清楚的&＃xff0c;请大家运行下面的例子&＃xff0c;最后三个链接就是我刚刚讲的三种情况&＃xff0c;此例子在IE6.0是通过的。 test test test test test test test test test test test test test test test test
test
或者写成这样的形式&＃xff1a;
这样做的原因是,这样的话,无论onclick是明文写到标签里的,还是用addEvent的,都通用.不用考虑事件模型的问题了.
虽然这个伪协议是被浏览器支持的.不过你说的很有道理.
那其实像LZ这个问题的提出其实是要解决的问题.通常都发生在:
1.一个标签仅仅是要触发onclick行为
2.表现上要有鼠标的pointer指针显示,或者其他类似a标签的视觉效果
但是IE下a标签必须有href属性才能表现出这些特性.
所以就有了这样的问题.
那解决起来方法大概有
1.不用a标签,设定css或用js来表现
2.用a标签,onclick属性或onclick事件中返回false;
3.用href&＃61;"Javascript:void(0)"这种伪协议了
总结一下&＃xff0c;如果在实际应用中确实是要用到标签来响应onclick事件的。 那么就建议使用下面三种方法 1.test 2.test 3.test 其实&＃xff0c;我发这个帖子的主要目的是&＃xff0c;我以前一直都习惯用 ,而且一直没有发现有 滚动条会跳上去的 问题&＃xff0c; 今天才发现有这样的问题&＃xff0c;所以才有如上所说。 但要注意后两种方法有浏览器兼容性问题,有些浏览器不会产生pointer鼠标指针.
京公网安备 11010802041100号