javascript console.log 调试代码.

hjjdebug

于 2021-08-06 15:59:29 发布

阅读量178

点赞数

分类专栏： # web编程

本文链接：https://blog.csdn.net/hejinjing_tom_com/article/details/119457178

版权

web编程专栏收录该内容

2 篇文章 0 订阅

订阅专栏

javascript 一个小例子, 演示如何用console.log 调试代码. 重要的是要在浏览器中让它运行和打印.

<!DOCTYPE html>
<html>
    <head> 
	<meta charset="utf-8"> 
	<title>练习</title> 
    </head>
    <body>
	<p id="demo">haha</p>
	<button type="button" onclick="changeContent()">改变内容</button>
	<button type="button" onclick="start()">开始log打印!</button>
	<button type="button" onclick="stop()">停止log打印!</button>
	<script>
	/* javascript: 使用console.log 来打印变量, 辅助调试.
	   代码是简单的,关键是要用浏览器看到效果!!
	   */
	 var var1 = 1; // 全局属性
	 var timerID;
	 function changeContent()
	{
		x=document.getElementById('demo');
		if(x.innerHTML == "haha")
		{
			x.innerHTML="hello javascript";
		}
		else
		{
			x.innerHTML="haha";
		}
	}
	 function start()
	 {
		 timerID=setInterval("logit()",1000);
	 }
	 function stop()
	{
		if(timerID)
		{
			clearInterval(timerID);
		}
	}
	function logit()
	{
		var1++;
		console.log(var1);
		console.log("hello, var1:%d", var1);
	}
	</script>
    </body>
</html>

hjjdebug

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript console.log 调试代码.

javascript 一个小例子, 演示如何用console.log 调试代码. 重要的是要在浏览器中让它运行和打印.<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>练习</title> </head> <body> <p id="demo">haha</p> <but
复制链接

扫一扫