JavaScript
一.简介
JavaScript 是互联网上最流行的脚本语言,这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。
JavaScript 是一种轻量级的编程语言,是可插入 HTML 页面的编程代码,JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。
二.用法
1.代码规范
1.所有JavaScript代码必须写在< script> 与 < /script>之间
2.< script> 标签可被放置在 HTML 页面的 < body> 和 < head> 部分或者是由.js结尾的外部文件中
<script>
alert("我的第一个 JavaScript");
</script>
2.输出
(1)使用 window.alert() 弹出警告框
<script>
window.alert("你好");
</script>
(2)使用 document.write() 方法将内容写到 HTML 文档中
注意:请使用 document.write() 仅仅向文档输出写内容。
如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖。
<script>
document.write("你好");
</script>
(3)使用 innerHTML 写入到 HTML 元素。
<body>
<div id="666">可恶</div>
</body>
<script type="text/javascript">
document.getElementById("666").innerHTML="不好";
</script>
//输出结果是不好
二.语法
大致语法与java相同
1.JavaScript 变量
JavaScript 使用关键字 var 来定义变量, 使用等号来为变量赋值
<script>
var x,y
x=5
y="qwe"
</script>
2.JavaScript 数据类型
在 JavaScript 中有 5 种不同的数据类型:
string、number、boolean、object、function
3 种对象类型:
Object、Date、Array
2 个不包含任何值的数据类型:
null、undefined
(1).值类型(基本类型):
字符串(String):
字符串是存储字符(比如 “1234”)的变量。
字符串可以是引号中的任意文本。可以使用单引号或双引号
定义方式
<script>
String str=new String("12345"); //定义方式1
var str="123456"; //定义方式2
</script>
属性
<script>
var st = "123456";
var l = str.length; //字符串的长度
</script>
方法:
方法 | 描述 |
---|---|
charAt() | 返回指定索引位置的字符 |
charCodeAt() | 返回指定索引位置字符的 Unicode 值 |
concat() | 连接两个或多个字符串,返回连接后的字符串 |
fromCharCode() | 将 Unicode 转换为字符串 |
indexOf() | 返回字符串中检索指定字符第一次出现的位置 |
lastIndexOf() | 返回字符串中检索指定字符最后一次出现的位置 |
localeCompare() | 用本地特定的顺序来比较两个字符串 |
match() | 找到一个或多个正则表达式的匹配 |
replace() | 替换与正则表达式匹配的子串 |
search() | 检索与正则表达式相匹配的值 |
slice() | 提取字符串的片断,并在新的字符串中返回被提取的部分 |
split() | 把字符串分割为子字符串数组 |
substr() | 从起始索引号提取字符串中指定数目的字符 |
substring() | 提取字符串中两个指定的索引号之间的字符 |
toLocaleLowerCase() | 根据主机的语言环境把字符串转换为小写,只有几种语言(如土耳其语)具有地方特有的大小写映射 |
toLocaleUpperCase() | 根据主机的语言环境把字符串转换为大写,只有几种语言(如土耳其语)具有地方特有的大小写映射 |
toLowerCase() | 把字符串转换为小写 |
toString() | 返回字符串对象值 |
toUpperCase() | 把字符串转换为大写 |
trim() | 移除字符串首尾空白 |
valueOf() | 返回某个字符串对象的原始值 |
数字(Number)
JavaScript 只有一种数字类型。数字可以带小数点,也可以不带:
定义方法
<script>
var num=new Number(666.666);//方法一
var num1=Number(666);//方法二
</script>
方法
方法 | 描述 |
---|---|
toString() | 把数字类型转成字符串类型 |
toPrecision() | 把数字格式化为指定的长度。也就是小数后面保留几位 |
布尔(Boolean)
布尔(逻辑)只能有两个值:true 或 false。
对空(Null)
可以通过将变量的值设置为 null 来清空变量
未定义(Undefined)
Undefined 这个值表示变量不含有值。
Symbol
Symbol 是 ES6 引入了一种新的原始数据类型,表示独一无二的值。
(2)引用数据类型:
对象(Object)、数组(Array)、函数(Function)。
(3)声明变量类型
可以使用new来声明类型
JavaScript 变量均为对象。当您声明一个变量时,就创建了一个新的对象
<script>
var x=new Number;
var y=new Boolean;
</script>
(4)检测变量类型
typeof 操作符
<script>
typeof "John" // 返回 string
typeof 3.14 // 返回 number
typeof false // 返回 boolean
typeof [1,2,3,4] // 返回 object
typeof {
name:'John', age:34} // 返回 object
</script>
注意:
NaN 的数据类型是 number
数组(Array)的数据类型是 object
日期(Date)的数据类型为 object
null 的数据类型是 object
未定义变量的数据类型为 undefined
(5)类型转换
Number() 转换为数字, String() 转换为字符串, Boolean() 转化为布尔值
<script>
var x=12;
var x1=String(x); // 将变量 x 转换为字符串并返回
x.toString() // 将变量 x 转换为字符串并返回
var x2=Number(x1); // 将变量 x1 转换为数字并返回
Number(false) // 返回 0
Number(true) // 返回 1
//自动类型转换
"5" + 1 // 返回 "51" 1 转换为 "1" 运算符是+自动转换成字符串
"5" - 1 // 返回 4 "5" 转换为 5
</script>
代码总结
<script>
var length = 16; // Number 通过数字字面量赋值
var points = x * 10; // Number 通过表达式字面量赋值
var lastName = "Johnson"; // String 通过字符串字面量赋值
var cars = ["Saab", "Volvo", "BMW"];// Array通过数组字面量赋值
var person = {
firstName:"John", lastName:"Doe"};
// Object 通过对象字面量赋值
</script>
3.JavaScript对象
在 JavaScript中,几乎所有的事物都是对象。
(1)对象的定义
<script>
var student = {
name:"张三",
age:23,
sex:"男"
};
</script>
(2)对象的访问
<script>
student.name; //方式一
student["name"]; //方式二
</script>
(3)对象的方法
对象的方法定义了一个函数,并作为对象的属性存储。
对象方法通过添加 () 调用 (作为一个函数)。
//访问 student 对象的 fullName() 方法:
<script>
var student = {
firstName: "张",
lastName : "三",
age:23,
fullName : function()
{