js笔记

1、js简介、用途
表单验证 效果 发送请求(ajax,异步提交,比html的form表单高级)

2、js常见命令
提示框1 alert(123); 弹出顶部提示框 ,只能点 ok
提示框2 confirm("确定吗") 提示框,有“确定”和“取消”
// 一个提问框,会打印出返回的结果
var result=confirm("确定吗?");
alert(result)

// 提示框,等用户输入,返回输入的信息
result=prompt("你最喜欢的食物是什么?","菜(这是默认值)");
alert(result)

//document.write + html标签 打印出html文件
document.write("document.write可以把html代码打印到页面")

//script 写HTML文件;center是居中
<script>
document.write("<center>*</center>");
document.write("<center>***</center>");
document.write("<center>*****</center>");
document.write("<center>*******</center>");
</script>

3、变量的声明与赋值
js是弱类型语言,变量可以以$开头


4、定义变量
命名规则:类比Python规则,但是变量可以以$开头
var a;//定义,未赋值、
var b=30;//定义并赋值
a=10;//赋值
var xy,z=3; //定义三个变量并给第三个赋值(不推荐这样写)
var x=1,y=2,z=3;//定义了三个变量并赋值

5、js区分大小写,每句代码结尾建议带“;”

6、7种字符类型
String 字符串
Number 数字型(整形或浮点型)
Boolean 布尔
Object 对象
Null 空值
undefined 未定义
function 函数

7、数据类型检测
检测类型的方法 document.write(typeof(值)),实际只能检测到6种
注:typeof(null); 返回object
<script>
var a;//定义,未赋值、
var b=30;//定义并赋值
a=10;//赋值
var xy,z=3; //定义三个变量并给第三个赋值(不推荐这样写)
var x=1,y=2,z=3;//定义了三个变量并赋值
document.write(typeof(a))
</script>

8、运算符
=== 先比较内容再比较类型,绝对相等(类型与数值)
== 比较内容,不比较类型
num++ 先赋值后运算 - 先参与运算再自增
++num 先自增,再参与运算
<script>
var num=100;
var result=num++; //先把num赋值给result后自增
document.write=(result+"<br>");//100
result=++num;
document.write=(result)//102
</script>

9、逻辑运算符(都有“短路功能”,前面的复合条件的话后面的就不用执行了)
&& 并且
|| 或者
! 取反

10、三目运算符
语法:表达式?结果1:结果2
解释:如果表达式返回true则执行结果1,否则返回结果2
例子:10>3?"aaa":"bbb"
实际验证时候写法: 10>3?alert("aaa"):alert("bbb");
例子2:var result=10==10?"真":"假";alert(result);
注:这个带赋值,会把结果赋值给result

11、+ 既是运算也是字符串连接符,当左右任意一边是字符串时是链接作用
例:"10"+3+3 结果是1033
document,write("10"+3+3); ----结果是 1033
document.write(3+3+"10"); ----结果是 610

12、运算符案例
<script>
var a=10;var b=5; var c; b=a++;
document.write(b); //10
document.write(a); //11
document.write(c); //nodefented
--b;
document.write(b--); //10
c=++a;
document.write(c); //12
</script>
posted @ 2018-01-19 16:59  Leq123  阅读(170)  评论(0编辑  收藏  举报