Javascript回顾(一)
1、三种方式
- 写在html代码中
通常是写在<script> </script>
标签内。
<!DOCTYPE HTML>
<html lang='en'>
<head>
<meta charset='UTF-8'>
<title>Javascript练习</title>
</head>
<body>
<script>
document.write('hello world!!');
</script>
</body>
</html>
不仅可以写在<body></body>
标签内,也可放在<head></head>
标签内。不过如果要对页面元素进行修改,那就必须写在<body></body>
标签内的底部,等页面加载完毕后再执行。
- 写在外部文件中
就像css一样,将js内容写在一个独立的文件内,使用时只需要用src来引入即可,代码重复利用率高,维护方便。
<!DOCTYPE HTML>
<html lang='en'>
<head>
<meta charset='UTF-8'>
<title>Javascript练习</title>
</head>
<body>
<script src='test.js'>
</script>
</body>
</html>
- 在浏览器中编写
1、注释
- 单行注释
//注释内容
- 多行注释
/*注释内容*/
3、标识符
给变量函数命名的工具
必须以**字母、下划线、 ∗ ∗ 开 头 , 例 如 n a m e 、 n a m e 、 **开头,例如name、_name、 ∗∗开头,例如name、name、name。其他开头的不行,另外不能用关键字如if, for, while, null, class等。
4、变量
1、要使用var关键词创建
2、命名要符合标识符规范
3、按名称调用,区分大小写
5、数据类型
请注意开头的大小写,不能混淆
undefined
null
Number
Boolean
String
Object
对象是属性和方法的集合,属性的载体是变量,方法的载体是函数或函数表达式。
定义对象类型要使用一个特殊的操作符new
console.log()的作用是将一段字符串打印在console上
-
检测数据类型 typeof
-
null比较特殊因为本身就是对象,所以null也属于对象类型,其实js中所有的数据类型本质上都是对象。
-
空字符串可以转换为Boolean类型的false
6、转换数据类型
- 转换为字符串:toString()
-
将其他类型转换为数值型
- Number() 其他类型转换为数值类型
- parselnt() 将数字开头的字符串转为整数
- parseFloat() 将数字开头的字符串转为小数
7、字符串操作
-
返回字符串中指定位置的字符
charAt()
-
返回指定字符在字符串中第一次出现的位置
indexOf()
-
返回指定字符在字符串中最一次后出现的位置
lastIndexOf()
-
查询子字符串
-
substr(a, b)
表示从索引为a开始输出b个字符
-
substring(a, b)
表示返回索引a到索引b的字符,但不包括索引b
-
-
替换字符串
replace(‘abc’, ‘def’)
表示将字符串中的abc替换为def
-
分割字符串
split(’*’)
表示以*为界将字符串分割为数组
-
转换为大写
toUpperCase()
表示将字符串转换为大写
-
转换为小写
toLowerCase()
8、数组方法
创建数组两种方法:
-
第一种
-
第二种
9、数组操作
-
向尾部添加元素
push()
-
向首部添加元素
unshift()
-
删除尾部元素
pop()
有点像那个堆栈操作哈哈哈
-
删除首部元素
shift()
-
清除元素的值
delete name[1]
表示删除name数组索引为1的元素的值,但并不能删除该元素
-
插入元素
splice(a, b, ‘value1’, ‘value2’…)
表示在索引为a的位置添加b个元素,后面为添加的元素。注意他是以覆盖的方式插入的,也就是说从索引为a的位置依次向后覆盖b个元素。