JavaScrpit基础用法
介绍
JavaScript一种直译式脚本语言，是一种动态类型、弱类
型、基于原型的语言，内置支持类型。它的解释器被称为
JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语
言，最早是在HTML（标准通用标记语言下的一个应用）网页上
使用，用来给HTML网页增加动态功能。
JavaScript的引入方式
内嵌式
<script type="text/javascript">
// js代码
</script>
外部式
<script type="text/javascript" src="myjs.js"></script>
JavaScript注释
// 单行注释
/*
多行注释
*/
Js变量
//数字：
var numberObject = 1;
//字符串：
var stringObject = "1";
//布尔：
var booleanObject = true;
//空：
var nullObject = null;
//未定义：
var undefinedObject = undefined;
//对象
var jsObject = Object;
Js对话框
alert('对话框内容')
算术运算符
//加+
x=1+1 //结果 x=2
//减-
x=1-1 //结果 x=0
//乘*
x=1*1 //结果 x=1
//除/
x=2/1 //结果 x=2
//取余 %
x=5%2 //结果 x=1
//叠加++
x=1
x=x++ //结果 x=2
//叠减--
x=2
x=x-- //结果x=1
赋值运算符
//初始值x=5
// =
x=5
// +=
x+=2 //结果x=7
//-=
x-=2 //结果x=3
//*=
x*=2 //结果x=10
///=
x/=2 //结果 x=2.5
//%=
x%=2 //结果 x=1
比较运算符
// == 值相等
1==1 //结果ture
"1" == 1 //结果ture
// === 类型和值都相等
1===1 //结果ture
"1" === 1 //结果false
// != 不等于
1 != 2 //结果ture
// > 大于
1>2 //结果 flase
// < 小于
1<2 //结果ture
// >= 大于等于
1>=2 //结果false
// <= 小于等于
1<=2 //结果true
逻辑运算符
// & 与
true & false //返回false
// && 短路与
true && false //返回false
/*
& :如果第一个条件不满足，则需要判断第2个条件
&& : 如果第一个条件不满足，则不需要计算第2个条件
*/
// | 或
true | false //返回true
// || 短路或
true || false
// ! 非
true ! false //返回true
判断语句
// if - else if - else
var a=2
if a>1 {
print("a 大于 1")
}else if (a=2){
print("a 等于 1")
}else{
print("a 小于 1")
}
//switch 语句
var a = '2';
switch (a){
case '1':
alert('a = 1');
break;
case '2':
alert('a = 2');
break;
default:
alert('default');
};
循环语句
//for循环
for (var i = 0; i < 5; i ++){
alert(i);
};
//while循环
var a = 1;
while (a < 5){
alert(a);
a ++;
};
//break 退出当前循环
//continue 进入下一次循环
//do-while循环
var a = 1;
do {
alert(a);
a ++;
}while(a < 1);
/*
while循环是先判断再循环
do-while循环是先循环再判断
*/
函数
//1. 第一种方式：
var func = function(x,y){
return x +y;
};
alert(func(10,20));
//2. 第二种方式：
function func(x,y){
return x +y;
};
alert(func(10,20));
dom数``
<!DOCTYPE html>
<html lang="en">
<head></head>
<body></body>
</html>
##根据ID得到节点：
<div id="div_id1"></div>
<script type="text/javascript">
divElement = document.getElementById("div_id1");
divElement.innerHTML = "通过js写入文本内容";
