1.js基础
1.写javascript的三种方式:
2.写javascript要注意的事项:
(1)严格区分字母的大小写;分号作为一个语句的结束;
(2)单行注释//,多行注释/*···*/;快捷键是ctr+?;
(3)变量命名规则:
· 严格区分大小写;
· 必须以字母、下划线、$符开头,不能使用特殊符号,也不能使用数字开头;
· 不能是关键字:break,case,catch,continue,default,delete,do,if,else,finally,for,function,new,return,switch,this,throw,try,typeof,var,void,while,with等;
· 不能是保留字:abstract,boolean,byte,char,class,const,debugger,double,enum,float,goto,implements.import,int,interface,long,mative,package,private,short,static,super,synchronized,throws,transiennt,volatile等;
· 必须以字母、下划线、$符开头,不能使用特殊符号,也不能使用数字开头;
· 不能是关键字:break,case,catch,continue,default,delete,do,if,else,finally,for,function,new,return,switch,this,throw,try,typeof,var,void,while,with等;
· 不能是保留字:abstract,boolean,byte,char,class,const,debugger,double,enum,float,goto,implements.import,int,interface,long,mative,package,private,short,static,super,synchronized,throws,transiennt,volatile等;
(4)可以使用typeof()查看数据类型;
(5)转义字符:\n换行,\r回车,\b退格,\\反斜杠,\”双引号;
(6)科学计数法:30000可以写成3e4; 3.14可以写成314e-2;
(7)八进制第一位要是0,十六进制前两位必须是0x(无论什么进制,在输出时都会转化为十进制)
(8)=赋值运算符,==等于,===全等,!==全不等;
(9)DOM:全称文档对象模型(可以简单理解为页面中的一个个元素)
DOM树:页面结构(可以简单理解为元素与元素之间的关系);
(10)50以内的随机整数写法:Math.floor(Math.random()*(50-1)+1);
(11)js执行顺序是从上到下依次执行,与外部引入内部引入无关;
弹出框执行完后才往下执行。但是console.log()不阻碍文档的执行;
(12) 不要用js做浮点运算,js浮点运算能力很差;
(13)js是弱类型的语言,数据类型可以被忽略;
3.js的阻塞:
js对DOM树的阻塞 | js发生错误时的阻塞 | |
原因 | js在执行的时候会阻塞页面的加载,此时DOM树是不完整的,这样在调用一些js代码时可能报错。 | js执行是从上到下,上一段代码执行完毕,才能执行下一段代码。 |
防止阻塞方法 |
方法一:如果将js写在body中的话,可以将js放在最后面;
<body> <div id="id1">今天天气真好</div> // 方法一:如果将js写在body中的话,可以将js放在最后面; <script type="text/javascript"> var a=document.getElemenById('id1'); a.style.color='blue'; </ script> </body> 方法二:如果将js写在head中的话(页面加载完再执行js),可以在js中的第一行写上window.onload=function(){要用的js;};
<head> <meta charset="utf-8"/> <title></title> <script type="text/javascript"> // 方法二:页面加载完再执行js; window.onload=function(){ var a=document.getElementById('id1'); a.style.color='red'; } </ script> <head> |
方法一:根据浏览器控制台的错误提示进行调试;
方法二:利用alert()的阻塞特性,缩小错误范围;
|
4.变量:
(1)全局变量:在整个js文档中都可调用;
var i=1; //全局变量 function quanju(){ document.write(i); }
(2)局部变量:函数执行完后就从内存剔除(能用局部变量的就不要用全局变量,能提高效率)
function jubu(){ var i=1; //局部变量 document.write(i); }
转载请注明原文链接:https://www.cnblogs.com/chenJieLing/