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>