IE浏览器javascript调试

最新推荐文章于 2024-05-15 16:39:55 发布

姜小白-

最新推荐文章于 2024-05-15 16:39:55 发布

阅读量2.2w

点赞数 2

分类专栏： javascript 文章标签： javascript debugger JavaScript断点 JavaScript断点调试

本文链接：https://blog.csdn.net/magi1201/article/details/43927915

版权

之前的博文，简单了解了一下Dom对象，这一讲本想继续通过代码学习Dom，但是本人在写博文的过程中，写的代码经常出错，这里就先介绍一下javascript的调试方法吧。

<html>
	<head>
		<title>Demo</title>
	</head>
	<body>
		<form id="form1" action="#">
			<a href="http://www.baidu.com/" name="clj" id="baidu">百度</a></br>
			<a href="http://www.google.cn/" name="clj" id="google">谷歌</a></br>
			<a href="http://www.gougou.com/" name="clj" id="gougou">狗狗</a></br>
		</form>
		
		<script>
			<!--getElementsByName-->
			var hrefs = document.getElementsByName("clj");
			for (var i=0; i < hrefs.length; i++) {
				var aHref = hrefs[i];
				if (aHref.href.search("http://www.baidu.com") > -1) {
					alert(aHref.href);
					break;
				}
			}
			
		</script>
	</body>
</html>

上面是这次学习主要的代码了，我们现在进入到javascript的调试状态去看看。

怎么进入javascript的调试状态呢，各浏览器的实现是不同的，像火狐浏览器有自己的firebug，chrome浏览器本身就自带了调试。

这里讲一下IE浏览器的调试，毕竟当前浏览器市场IE还是占了很大的份额的。

想在IE浏览器中调试代码，可以像java代码一样，给代码打断点。

Javascript中断点的方式为 debugger 关键字，在需要调试的地方添加上debugger，再开启javascript的调试，就可以进入调试模式了。

接下来，我们演示一下javascript的具体调试。

首先，将上面的代码进行些许改造，在var hrefs = document.getElementsByName("clj"); 上面添加一行debugger;

<script>
	<!--getElementsByName-->
	debugger;
	var hrefs = document.getElementsByName("clj");
	for (var i=0; i < hrefs.length; i++) {
		var aHref = hrefs[i];
		if (aHref.href.search("http://www.baidu.com") > -1) {
			alert(aHref.href);
			break;
		}
	}		
</script>

最低0.47元/天解锁文章

姜小白-

关注

2
点赞
踩
14

收藏

觉得还不错? 一键收藏
2
评论
IE浏览器javascript调试

怎么进入javascript的调试状态呢，各浏览器的实现是不同的，像火狐浏览器有自己的firebug，chrome浏览器本身就自带了调试。这里讲一下IE浏览器的调试，毕竟当前浏览器市场IE还是占了很大的份额的。想在IE浏览器中调试代码，可以像java代码一样，给代码打断点。Javascript中断点的方式为 debugger 关键字，在需要调试的地方添加上debugger，再开启javascript的调试，就可以进入调试模式了。debugger;var aHref = hrefs[i];if
复制链接

扫一扫