一.console.log格式化打印 console.log格式化这一用法一般都在个人博客或其他官网上有,当F12查看网页元素时,在控制台(console)那里偶尔会发现一些个性化的输出,感觉很奇特很好玩,其实现原理不难看一遍就晓得,具体实现如下 1.%c表示css样式 console.log('%c hello world', 'color: red;font-size: 24px;font-weight: bold;text-decoration: underline;'); 2.%f表示浮…
下面是题目的类型转换结果: Boolean([]); //true Number([]); //0 Number({}); // NaN Number(false); //0 因此: console.log(([])?true:fasle);// => console.log((true)?true:false); console.log([]==false?true:false); // => console.log(0==0?true:false); console.log(({}==fa…
console.log(window.l); //undefined console.log(l); //Uncaught ReferenceError: l is not defined js对于未找到的元素返回的结果不一样.…
console.log() 基本用法 console.log,前端常用它来调试分析代码,你可以在任何的js代码中调用console.log(),然后你就可以在浏览器控制台看到你刚才打印的常量,变量,数组,对象,表达式等的值. 首先看最基本的用法: console.log('123'); console.log('1', '2', '3'); // 1 2 3 console.log('1\n2\n3\n'); // // 我们可以通过上面的方式进行单个变量(表达式).多个变量以及换行输出.而这对…
在js前端开发时,为了调试经常会加上 console.log.但是在有的浏览器(比如IE)中会报错,怎么办呢?好像10之后也开始支持了!如果以防方一,可以使用如下方式 在js文件最前面添加如下js代码: if (window.console === undefined) { console = { log: function () { }, info: function () { }, debug: function () { } }; } 补充一下:alert和console.log之间的区别…
JavaScript调试技巧之console.log()详解 对于JavaScript程序的调试,相比于alert(),使用console.log()是一种更好的方式,原因在于:alert()函数会阻断JavaScript程序的执行,从而造成副作用:alert弹出框需要点击确认比较麻烦,而console.log()仅在控制台中打印相关信息,因此不会造成类似的顾虑.最重要的是alert只能输出字符串,不能输出对象里面的结构,console.log()console.log()可以接受任何字符串.数…
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>测试页面</title> <script type="text/javas…
一 实例 打印字符串和对象: 可展开对象查看内部情况: 看一下console对象本身的定义情况: 输出对象情况: utag对象所在文件: 输出对象: 二 Console.log 总结 1   如果你js没到一个境界,我就算教你调试bug,破解一些插件之类的,你也根本不知道我在做什么.我的目的只是让你认识控制台,让你入门调试,之后的路还得靠你们自己走. 不论是 chrome firefox ie(8以上版本) 还是 360急速浏览器 搜狗浏览器 等等,只要按 F12 就能打开控制台.其实对于这 F…
在页面中可以在body里面加入type=”text/javascript” 例如: <script type="text/javascript"> </script> alert弹出警告框 <script type="text/javascript"> alert("小马哥"); </script> 语法规则 学习程序,是有规律可循的,就是程序是有相同的部分,这些部分就是一种规定,不能更改,我们成为…
目录 引言 代码在前 1.function下的this 2.箭头函数下的this 结语 引言        JS中的this指向一直是个老生常谈,但是新手又容易晕的地方.我在网上浏览了很多帖子,但是发现一个通病,也是博客的局限性--重理论说明,实践性低.最多就是贴个代码或者图,增加可理解性.        所以,我就想通过代码学习黄金法则--敲就完了.以console.log,循序渐进,一步步的实践,来说明this的指向.而从我自身的理解角度来讲,这个方法效果还不错~        那么,接下来…