目录
3.document.getElementsByClassName()
4.document.getElementsByTagName()
5.document.getElementsByName()
一、概念和用法
1.1 概念
1.2 作用
1.3用法
<script type="text/javascript" src="js/js1.js"></script>
1.3.3标签属性中
<a href="Javascript:alert("")">登录</a>
1.4显示数据的方式
1.4.1window.alert("hello");
会在弹窗中显示hello
1.4.2document.write("hello");
将hello写到html文档中。即在网页页面显示出来
1.4.3使用innerHTML写入到html元素
从div1中输出
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div id="div1">
</div>
</body>
</html>
<script>
document.getElementById("div1").innerHTML="hello world"
</script>
1.4.4console.log写入到控制台
二、基本语法
2.1注释
单行注释以//开头
多行注释以/*开始以/*结束
//我是单行注释
/*
* 我
* 是
* 多行注释
*/
2.2变量
和java不同的是,变量全部以var声明
var teacher;
teacher = "张三";
var x;
x = 5;
var y = 6;
命名规则:
1.必须以字母或$和_开头
2.区分大小写
3.不能用关键字保留字
2.3语句
分支
循环
for (var i=0;i<5;i++) {
document.write(names[i]);
}
2.4数据类型
1.字符串String
var String = "英雄联盟";
2数字Number
可以用科学计数法e书写
var x = 6;
var y = 6e8;//6000000
var z = 6e2;//0.02
3.布尔Boolean
var isRight = true;
4.空Null
var friend = null;
5.未定义Undefined
四种情况会undefined
1.变量声明且未赋值
var obj;
2.对象不存在属性时
var obj;
alert(obj.name);
3.函数需要实参,但是调用时没有传值,形参是undefined
4.函数调用没有返回值或者return后没有数据,接收函数返回的变量是undefined
6独一无二的值Symbol
2.5动态数据类型
var num = 6;//num现在是number类型
num = "hello";//num现在是String类型
2.6运算符
比较运算 | |
=== | 绝对等于(值和类型均相等为true) |
!== | 不绝对等于(值和类型有一个不相等,或两个都不相等为true) |
2.7对象
1.String
//长度
<script>
var you = "你不是\'单身狗\'?"
console.log(you.length);
console.log(you)
</script>
q其中\是转义字符,不算字符数,总长度为9
其他属性和java差不多
2.Array
声明数组
<script>
//第一种
var names = new Array();
names[0]="张三";
names[1]="李四";
names[2]="王五";
names[3]="赵六";
names[4]="孙七";
for (var i=0;i<5;i++) {
document.write(names[i]);
}
//第二种
var students=new Array("小一","小二","小三");
//第三种
var school=["高中","小学"];
</script>
3.Date
var date1 = new Date(); //当前日期
var date2 = new Date(milliseconds);//从1970年1月1日到所需时间的毫秒
var date3 = new Date(dateString); //符合日期格式的字符串
var date4 = new Date(year, month, day,
hours, minutes, seconds,
milliseconds);//年月日时分秒毫秒
//月份取值0-11
常用方法