第四章JavaScript基础(2020-11-02)
4.1JavaScript使用
4.1.1HTML直接添加代码
在body里面写入<script></script>
(2)写成js文件
同上,body(或head)里面的<script>标签里用src写上路径
js里面直接写内容,无需<script>标签如:
alert(“来自一个外部js文件的问候”);
4.3.1考虑到部分浏览器的兼容性,JavaScript分号可以加上
4.3.3注释:同c++
也用{}括起代码块
4.4JavaScript变量
4.4.1声明
弱脚本语言,统一 var 变量名 进行声明
一个变量可以存不同类型的值,如:
var x1=2,x2=3;
x1=“Hello JavaScript”//但是不建议这么做
4.5JavaScript基本数据类型
typeof 变量名 会返回变量类型
4.5.3string类型
如果字符串里面带引号,内外引号不能相同
4.5.4string方法
charAt()返回指定位置上的字符(从0开始)
charCodeAt()
concat()连接字符串,也可以用“+”
indexOf()需要查找的字符串序列
lastIndexOf()
match()
replace()
search()
slice()
split()
substring()
toLowerCase()
toUpperCase()
parseInt()将变量值转换成整数
parseFloat()………………浮点数
4.5.5 string成员
length,位置序号从0开始
4.5.6 match()和search()
match()和search()可以查找匹配正则表达式的字符串内容
match(正则表达式)
如match(/a/g)表示全局查找字母a “/g”全局查找,返回字符串
replace(正则表达式,需要替换的新文本的内容)
如:replace(/a/g,"A")表示把所有的小写字母都替换为大写形式
4.5.7 silce()和substring()方法获取字符串片段
4.6 number类型
例var x2=3.14e-8
4.7浮点数
toFixed()方法(成员函数 x1.toFixed())规定小数点后保留几位
4.8 Infinity表示无穷大
NaN表示非数字
4.9 JavaScript对象类型
4.10正则表达式
……exec(字符串)方法检索匹配
4.11 相等运算符
===全等(里面内容和数据类型都相等)
!==非全等于
==等于
!=不等
4.12条件运算符
变量 = bool条件?x1:x2
4.13 if-else switch语句
if——else if
4.14 for循环和for-in循环
for(x变量 in object被遍历的对象){
}
while循环和do-while循环
break和continue
4.15 JavaScript函数
function 函数名(参数0,参数1,……){
}//前面必须加function
4.16文档对象模型DOM
JavaScript中有三种方法找HTML元素
4.16.1.通过id名查找
var test=document.getElementById("test") //查找id=“test”的元素
var result = test.innerHTML; //innerHTML获取文本内部内容
4.16.2.通过标签名查找
document。getElementsByTagName("标签名")//注意是Elements
var test = document.getElementByTagName("p")
var result = p[0].innerHTML;
//如果有多个符合条件的元素,返回数组
4.16.33.通过类名查找
var p=document.getElementsByClassName("coral")
var result = p[0].innerHTML;
//查找类名为coral的内容
……待完善