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]);
}
//foreach
arr.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);
//length
console.log(str.length);
//charAt
console.log(str.charAt(3));
//indexOf
console.log(str.indexOf("lo"));
//trim
console.log(str.trim());
//substring
console.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"; */