HTML
三剑客：
JS CSS HTML
入门实例
新建一个test.html文件，内容如下
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>js-引入方式</title><!-- 内部脚本<script>alert("hello js");</script> --><!-- 外部脚本 --><script src="demo.js"></script>
</head>
<body></body><script>window.alert("123")//标题document.write("123")//内容console.log("123")//控制台
</script>
</html>
其中：
<!DOCTYPE html> 声明为 HTML5 文档
<html> 元素是 HTML 页面的根元素
<head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8（由于在大部分浏览器中直接输出中文会出现乱码，所以要在头部将字符声明为UTF-8）
<title> 元素描述了文档的标题
<body> 元素包含了可见的页面内容
<h1> 元素定义一个大标题
<p> 元素定义一个段落
基础语法
定义变量：
var 变量名（不用区分变量类型）
特点：作用域较大，为全局变量,可以重复定义
let 变量名（不用区分变量类型）
特点：局部变量，不能重复定义
数组：
var arr=[1,2,3,4,5]arr[10]="A";循环的使用：
//for
for (let i = 0; i < arr.length; i++) {console.log(arr[i]);}
//foreacharr.forEach(function(e) {//只遍历有值的个数console.log(e);});arr.forEach((e)=>{//与上方遍历结果相同,箭头是为了简化函数定义console.log(e);}) */添加或删除元素
//push:添加元素到数组末尾/* arr.push(7,8,9);console.log(arr); *///splice:删除元素/* arr.splice(2,2);console.log(arr); */基础函数
//创建字符串对象//var str=new String("hello string");/* var str="hello string ";console.log(str);//lengthconsole.log(str.length);//charAtconsole.log(str.charAt(3));//indexOfconsole.log(str.indexOf("lo"));//trimconsole.log(str.trim());//substringconsole.log(str.substring(0,5)); *///自定义对象/* var user={name:"Tom",age:10,gender:"male",eat(){alert("用膳");}}alert(user.name);user.eat(); *///定义json/* var jsonstr='{"name":"Tom","age":18,"addr":["北京","上海", "西安"]}';alert(jsonstr.name);//json字符串--js对象var obj=JSON.parse(jsonstr);alert(obj.name);//js对象--json字符串alert(JSON.stringify(obj)) *///alert("hello bom");//方法//confirm-对话框//var flag=confirm("您确认删除该记录吗");//alert(flag);//定时器/* var i=0;setInterval(function(){i++;console.log("i");}) *///定时器/* setTimeout(function(){alert("js")}) *///location/* alert(location.herf);location.herf="https://www.com.cn"; */
使用体验，性能测试报告)
