JavaScript-烂笔头

Posted 2020-09-27 学习是不让自己瞎想的最好方式

JavaScript

对大小写敏感
注释单行用：//
注释多汗用：/* */
声明变量：var 变量名 （未使用值来声明的变量，值为undefined）
javascript 变量均为对象
可以使用关键词"new"来声明其类型
var name = new String;
var x = new Number;
var y = new Boolean;
var cars = new Array;
var object = new Object;
变量赋值：=
数据类型：字符串、数字、布尔、数组、对象、Null、Undefined
var a=‘a‘;var b=2.01;var c=true;
var d=new Array("zu1","zu2","zu3");
数组下标是基于0开始的
var object={firstname:"Bill",lastname:"Gates",id=5566}
对象属性有两种寻址方式：name=object.firstname或name=object["lastname"]
JavaScript函数语法：
function functionname() {
要执行的代码
}
带有参数和返回值得函数
function functionname(var1,var2) {
要执行的代码
return 要返回的值
}
JavaScript 变量：
JavaScript 变量的生命期从它们被声明的时间开始。
局部变量会在函数运行以后被删除。
全局变量会在页面关闭后被删除。
运算符：
赋值：=
算数运算符：+ - * / % ++ --
比较运算符：== ===(全等：值和类型) != > < >= <=
逻辑运算符：&& || !
条件运算符：语法 - variablename=(condition)?value1:value2
条件语句：
if语句：
if(条件) {
条件为true时执行的代码
}
if...else语句：
if(条件) {
条件为true时执行的代码
}else {
条件为false时执行的代码
}
if...else if...else语句：
if(条件1) {
条件1为true时执行的代码
}else if(条件2) {
条件2为true时执行的代码
}else {
条件1和条件2都不为true时执行的代码
}
switch语句：
switch(n) {
case 1:
执行代码块1
break；
case 2:
执行代码块2
break；
default：
匹配不存在时执行的代码
}
不同类型的循环：
for - 循环代码块一定的次数
for/in - 循环遍历对象的属性
while - 循环指定的代码块
do/while - 循环指定的代码块
break：跳出循环
continue：跳过循环中的一个迭代
查找html元素：
通过id：document.getElementById("idName")
通过标签名：document.getElementByTagName("tagName");
通过类名：
改变HTML的内容：
document.getElementById("idName").innerHTML = new HTML
改变HTML的属性:
document.getElementById("idName").attribute = new value
如改变图片：<script>
document.getElementById("image").src="landscape.jpg";
</script>
改变HTML的样式：
document.getElementById("idName").style.property = new style
如改变颜色：
<script>
document.getElementById("p2").style.color="blue";
</script>