1.使用方法
1、写在script标签中（也不推荐） <script> 。。。。。。。。。。。 </script> 2、写在标签上（不推荐） <body> <button onclick="alert('呵呵哒');">点击一下，你就知道</button> </body> 3、写在独立的.js文件中，使用script引入（点击推荐） <link rel="stylesheet" href="js/***.js"> 2.对话框 //对话框 alert('这个就是一个对话框'); // 确认框 var res = confirm("您确定要打李雷吗？"); alert(res) // 输入框 // 注意：返回值是字符串类型，第二个参数为默认值 var age = prompt("请输入您的年龄：", "16");3.变量
* 变量的命名规则：跟Java保持一致 * 1、不能以数字开头 * 2、只能由大小写字母、数字、_这几种符号组成，JavaScript中$也是有效符号 * 3、命名存在意义 * 4、推荐小驼峰法 // let 关键字的使用 //var全局 // const 关键字是声明常量的4.常见运算符
// 算术运算符 var num1 = prompt("请输入第一个数：", "0"); var num2 = prompt("请输入第一个数：", "0"); num1 = parseInt(num1); num2 = parseInt(num2); alert(num1 +" + "+ num2 +" = "+ (num1 + num2)); alert(num1 +" - "+ num2 +" = "+ (num1 - num2)); alert(num1 +" * "+ num2 +" = "+ (num1 * num2)); alert(num1 +" / "+ num2 +" = "+ (num1 / num2)); alert(num1 +" % "+ num2 +" = "+ (num1 % num2)); var num1 = prompt("请输入第一个数：", "0"); num1 = "20"; if ("20" == 20) { // JavaScript == 是判断值 alert("这两个值相等") } }5.三大流程
if（）{}
if（）- else{}
switch（）{ case 1：....... case 2:}
6.循环语句
for (let i = 0; i <= 100; i++) { console.log(i); } // 使用for in遍历数组获取的是数组的下标 var list = [1, 2, 3, 5,7]; for (var i = 0; i < list.length; i++) { console.log(list[i]) } for (var i in list) { console.log(list[i]) } // 使用for in遍历对象获取的是对象的属性和方法 var obj = new Object(); obj.name = "liujianhong"; obj.age = 16; obj.sex = "男"; for (var i in obj) { console.log(obj[i]) } let sum = 0; let index = 0; while(index <= 100) { if (index == 50) { // break; index++; continue; } sum += index; index++; } alert("结果是"+ sum) do { }while ();7.函数
function showInfo(name, age) { // alert("这个是一个函数") alert("我的名字叫"+ name +", 今年"+ age +"岁了"); return "这个是一个返回值"; } let res = showInfo("刘帅哥", 16); alert(res) //匿名函数 (function() { alert("heihie"); })();8.字符串对象
var s = "this is a string"; var ss = 'this is a string'; var sss = new String('this is a string'); var ssss = String("heiehie"); alert(typeof(ssss)) //打印数据类型 //length属性，表示字符串的长度 alert(sss.length); console.error(sss.charAt(6)) //角标6位置处的字符串 console.info(sss.charCodeAt(6)); //返回在指定的位置的字符的 Unicode 编码。 var s5 = sss.concat(s); // 连接字符串 等于sss + s console.info(s5); console.log(s.indexOf("i")); //检索字符串。 console.log(s.lastIndexOf("i")); //从后向前搜索字符串 //从字符串中得到需要的部分，而原字符串不会发生变化 var new_str = s.slice(0, 6); //提取字符串的片断，并在新的字符串中返回被提取的部分。 alert(new_str) alert(s) //切取字符串的方法 alert(s.substr(2, 5)) // 第一个参数表示开始的下标，第二个参数表示长度 alert(s.substring(2, 5)) //第一个参数表示开始的下标，第二个参数表示结束位置 var s6 = "LiujiANHONG"; console.log(s6.toLowerCase()) //转换为小写 console.log(s6.toUpperCase()) //转换为大写9.数学对象
console.info(Math.E) //返回算术常量 e，即自然对数的底数（约等于2.718）。 console.info(Math.PI) //返回圆周率（约等于3.14159）。 console.info(Math.ceil(3.1)) //对数进行向上取整。 console.info(Math.floor(3.9)) //对数进行向下取整。 console.info(Math.abs(-9)) //返回数的绝对值。 console.info(Math.pow(2, 8)) //返回 x 的 y 次幂。 console.info(Math.random()) //返回 0 ~ 1 之间的随机数。 var ran = Math.floor(Math.random() * 100) console.info(ran) var a = "b1213liujianhong" var b= "liu1213jianhong" //无法准换 var c = "1213" //1213 alert(parseInt(a)) //parseInt 将数字字符串转换为数值,会得到1213 console.log(Math.round(5.4)) //把数四舍五入为最接近的整数。10.数组对象
// 1、 定义 var arr = [1, 3, "liujianhong", true, [1, 3, 4], "day"]; console.info(arr) var arr = new Array(); arr[0] = "Liujianhong"; arr[1] = "真帅" console.info(arr); const arr = new Array(1, 2, 3, 4, 5, 10); console.info(arr); console.info(arr[3]); arr[3] = "气死我了"; //修改值 console.info(arr); 2.遍历 for (let i = 0; i < arr.length; i++) { console.info(arr[i]); } for (var i in arr) { console.info(arr[i]); } // 3.常用方法 var s = arr.join("|") //把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。 alert(s); var a2 = s.split("|") //把一个字符串分割成字符串数组 console.info(a2) arr.pop(); //删除并返回数组的最后一个元素 console.info(arr); arr.push("liujianhong") //向数组的末尾添加一个或更多元素，并返回新的长度。 console.info(arr); arr.shift() //删除并返回数组的第一个元素 console.info(arr); arr.unshift(123); //向数组的开头添加一个或更多元素，并返回新的长度。 console.info(arr) // 4.排序 不能直接使用sort var arr = [1, 12, 24, 35, 16, 7, 8, 9, 10]; arr.sort() //表示按照数据的升序排 arr.sort(function(x, y) { return x - y; }) console.info(arr) //当参数为两个参数的使用，第一个表示是开始的位置，第二个表示删除的元素个数 //原数组的元素会被删除 arr.splice(2, 2); console.info(arr) //三个参数的时候表示增加元素，注意：第二个参数必须是0 arr.splice(4, 0, 100); console.info(arr)11.时间对象
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> 当前系统时间是：<span id="show"></span> <script type="text/javascript"> var a = new Date("2020-01-01"); function timer() { var data = new Date(); //Date 对象会自动把当前日期和时间保存为其初始值。 console.info(data); console.info(data.getTime()) //返回 1970 年 1 月 1 日至今的毫秒数。 var year = data.getFullYear(); //从 Date 对象以四位数字返回年份。 // console.info(); var mon = data.getMonth() //从 Date 对象返回月份 (0 ~ 11)。 // console.info() var day = data.getDate(); //从 Date 对象返回一个月中的某一天 (1 ~ 31)。 console.info() // 星期数 console.info(data.getDay()) //从 Date 对象返回一周中的某一天 (0 ~ 6)。 var hours = data.getHours(); //返回 Date 对象的小时 (0 ~ 23)。 console.info() var min = data.getMinutes(); //返回 Date 对象的分钟 (0 ~ 59)。 console.info() var s = data.getSeconds(); //返回 Date 对象的秒数 (0 ~ 59)。 console.info() var ss = data.getMilliseconds() //返回 Date 对象的毫秒(0 ~ 999)。 console.info() var show = document.getElementById("show"); //获取标签Td对象 show.innerHTML = year +"年"+ mon +"月"+ day + "日 "+ hours +":"+ min +":"+ s + "."+ss; // document.write("当前系统时间是"+year +"年"+ mon +"月"+ day + "日 "+ hours +":"+ min +":"+s) } timer(); setInterval(timer, 1000); //每一秒调用一次函数 </script> </body> </html>
