通过js事件触发<a>标签点击事件

转载于 2013-09-16 14:39:00 发布 · 438 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/xinyuan6009/blog/161699

文章标签：

#javascript #python #ViewUI

本文详细探讨了使用JavaScript操作HTML元素时遇到的多平台兼容性问题，通过实例展示了如何通过条件判断和事件触发实现跨浏览器兼容性优化。重点介绍了在不同浏览器环境下如何正确设置a标签的href属性，避免火狐浏览器出现的死循环问题，并提供了最终解决办法。

2019独角兽企业重金招聘Python工程师标准>>>

<a href="javascript:void(0)" onclick="test();">ceshi</a>

通过网上查找得到：

var comment = document.getElementsByTagName('a')[0];
			comment.href = "2.html";
			//alert(comment.href);
			if (document.all) {
			 // For IE
			comment.click();
			} else if (document.createEvent) {
			   //FOR DOM2
			var ev = document.createEvent('HTMLEvents');
			 ev.initEvent('click', false, true);
			 comment.dispatchEvent(ev);
			 comment.click();

浏览器验证如下：
IE验证没问题。火狐进入死循环。。。
最终解决办法：

var comment = document.getElementsByTagName('a')[0];
			comment.href = "2.html";
			//alert(comment.href);
			if (document.all) {
			 // For IE
			comment.click();
			} else if (document.createEvent) {
			   //FOR DOM2
			var ev = document.createEvent('HTMLEvents');
			 //ev.initEvent('', false, true);
			 comment.dispatchEvent(ev);
			 comment.click();

转载于:https://my.oschina.net/xinyuan6009/blog/161699