Java Script：脚本语言，可插入HTML界面的编程代码，写一些动态事件。
直接写入输出流：ctrl+shift+i ，然后在控制台中输入代码 alert("hello world")，alert( )就是生成一个显示信息的带有ok的弹窗。
基础
写一个按钮，点击按钮显示一个输出，alert就是一个输出。
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <input type="button" id="bid" value="点击我" onclick="alert('你好啊')"> </body> </html>onclick就是一个事件，里面是一个function，function就是要发生的事件。
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script> function myfun(){ document.getElementById("demo").innerHTML="hello world" } </script> </head> <body> <input type="button" value="点击我" onclick="myfun()"> <p id="demo">向您展示：</p> </body> </html>如上所示，添加了script标签，在script里面可以写函数，里面可以设置变量、运算等。
document.getElementById("demo").innerHTML="hello world"
script里面这句函数是将id为demo的元素置换为"hello world"，也就是事件发生后，p标签中的“向您展示：”将被替换为"hello world"，事件写在input的onclick里面，点击之后替换。
JS数据类型
值类型：字符串string、数字number、布尔boolean、对空null、未定义undefined、独一无二的值symbol。
引用数据类型：对象object{名称：值，...}、数组array[值,... ]、函数function。
JS有动态数据类型var，相同的变量可以作不同的类型。
<script> var a=1; var b=1; var c=a+b; alert(c); </script>在body标签里面写这样的script，刷新浏览器界面，直接显示结果2：
写一个对象，读取对象内容：
<script> var person={name:"laowang",age:28,job:'eat'}; alert(person.job); </script>
写一个数组读取值，创建数组的时候要用( )，读取值得时候要用[ ]：
<script> var person=new Array("王一","赵二","李四"); alert(person[2]); </script>
写一个加法运算函数：计算2+7并且点击按钮显示
<input type="button" value="点击我" onclick="add(2,7)"> <script> function add(a,b){ c=a+b; alert(c); } </script>函数的用法和c、python一样，也有局部变量全局变量。
JS运算符
同编程语言，+ - * / ++ -- == != <= >=......
=== 绝对等于，值和类型都要相等
!== 不绝对等于，值和类型有一个不相同或者都不相同
JS条件语句
if( ){... } else{...}语句
<script> var age=1; if (age>=18){ alert("成年人") }else if(age>60){ alert("老年人") }else{ alert("FBI-未成年人") } </script>
switch( n ){case 1:...break;case 2:...break;...default:...;} 语句
<script> var age=100; switch(age){ case 100:alert("老年人");break; case 18:alert("成年人");break; default:alert("未成年人禁止进网吧") } </script>
for(参数，条件，运算)语句
<script> for(var a=0;a<10;a++){ alert(a) } </script>生成10个弹窗
遍历对象
<script> var person={ name:"老王", age:30, sex:"男", job:"unemployment" } for(var a in person){ console.log(person[a]) } </script>console.log(person[a]) 将遍历出来的对象放在控制台进行显示，不是一个一个的弹窗。
遍历数组
<script> var arr=new Array(1,2,3,4,5,6,"dad",8,9) /*for(var a in arr){ console.log(arr[a]) }*/ for(var a=0;a<arr.length;a++){ console.log(arr[a]) } </script>用两种方法遍历数组，结果一样。
JS循环语句
continue：跳过当前这一次循环，执行下一次循环 。
代码：点击按钮显示0~9，当等于3时不显示，因为跳过了3的循环，进行4的循环。这个代码是将要输出的全部保存在x里面，最后直接输出，不是一次一次的输出，<br>表示换行。
<body> <input type="button" value="点击我" onclick="circle()"> <p id="demo"></p> <script> function circle(){ var x=""; var i=0; for (i;i<10;i++){ if(i==3){ continue } x=x+"该数字为"+i+"<br>" document.getElementById("demo").innerHTML=x } } </script> </body>break：跳出循环，直接结束。
代码：执行0~9的输出，执行到3时跳出循环，不再进行后面的。
<body> <input type="button" value="点击我" onclick="circle()"> <p id="demo"></p> <script> function circle(){ var x=""; var i=0; for (i;i<10;i++){ if(i==3){ break } x=x+"该数字为"+i+"<br>" document.getElementById("demo").innerHTML=x } } </script> </body>
JS操作符
typeof 操作符：返回当前变量的数据类型。
constructor 属性：返回变量的构造函数。
类型转换
String( ? )：将变量转换为字符串类型
Number( ? )：将变量转化为数字
还有其他类型也可以如上方法进行转换
this关键字
方法中：this表示方法所属的对象
单独用：this表示全局对象
函数中：this表示全局对象
事件中：this表示接收事件的元素
<script> var person = { firstName: "李", lastName : "华", id : 20220805, fullName : function() { return this.firstName + this.lastName+ " "+this.id; } }; console.log(person.fullName()) </script>创建了一个person对象，this即person对象，在里面可以对其内容进行调用。
还有些别的直接看这个：JavaScript this 关键字 | 菜鸟教程
定时器
setInterval ：定时函数，按照指定的时间间隔执行里面的事件。1000就是1秒。
<script> setInterval(function(){ alert("hello world") },1000) </script>
setTimeout ：指定一个时间之后开始执行里面的代码。
<script> setTimeout(function(){ alert("hello world") },5000) </script>clearInterval() 方法用于停止 setInterval() ：
var a=setInterval();
clearInterval(a);
同理clearTimeout() 方法用于停止执行setTimeout()方法。
更多推荐
Java Script入门
发布评论