目录
什么是脚本语言?
脚本语言是为了缩短传统的编写-编译-链接-运行(edit-compile-link-run)过程而创建的计算机编程语言。
1、脚本语言(JavaScript,VBscript等)不能独立使用,必须介于HTML和C,C++,Java,C#等编程语言之间。
2、脚本语言与编程语言也有很多相似地方,其函数与编程语言比较相像一些,其也涉及到变量。
3、脚本语言是一种解释性的语言,例如Python、vbscript,javascript等等,它不像其他语言可以编译成二进制代码,
以可执行文件的形式存在,脚本语言不需要编译,可以直接用,由解释器来负责解释。
优点:
快速开发:脚本语言极大地简化了“开发、部署、测试和调试”的周期过程。
容易部署:大多数脚本语言都能够随时部署,而不需要耗时的编译/打包过程。
JavaScript 是互联网上最流行的脚本语言,这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、
平板电脑和智能手机等设备。
JavaScript 是脚本语言
JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。
JavaScript 很容易学习。
关于JavaScript的注释格式
JavaScript 不会执行注释。
我们可以添加注释来对 JavaScript 进行解释,或者提高代码的可读性。
单行注释以 // 开头。
多行注释以 /* 开始,以 */ 结尾。
关于Javascript代码编写位置的存放
- 内部只要放在html标签里即可
- 引用外部Js文件
- js脚本可以编写到行内 弊端:耦合太高了,不方便维护,不建议使用
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>编写位置</title>
<!--内部只要放在html标签里即可-->
<script>
alert("内部js脚本");
</script>
<!--
引用外部Js文件
-->
<script type="text/javascript" src="../js/JavaScript.js"></script>
</head>
<body>
<!--
js脚本可以编写到行内
弊端:耦合太高了,不方便维护,不建议使用
-->
<button onclick="alert('讨厌,你点我干嘛,')">点我一下</button>
</body>
</html>
关于JavaScript的变量
存放在内存中
变量的命名规则:
- 变量名必须以字母或下划线 (_) 开头
- 不能使用JavaScript的关键字保留字
- 由于JavaScript区分大小写,所以可用的字母包括A到Z(大写)和a到z(小写)的字符
- 变量名可以包含数字,但是不能以数字开头
JavaScript一共六种数据类型:
String,Number(整数和小数),boolean,null(空对象),undefined(未定义类型),object(对象)
除了object是引用数据类型,其他都算基本数据类型
变量的定义和初始化
js是一种弱类型语言,在定义变量的时候,不需要指定变量的明确类型,统一用var定义
例如:var num;num=1;
分支和循环
分支和循环和java没太大区别都是:if{}。。。else if{}以及for(var i;i<n;i++){}
关于JavaScript中的对象问题
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JavaScript对象</title>
<!--在 JavaScript 中,对象是拥有属性和方法的数据。
1.属性和方法
属性是与对象相关的值。
方法是能够在对象上执行的动作。
举例:汽车就是现实生活中的对象。
汽车的属性:名称、型号、重量、颜色。
汽车的方法:启动、驾驶、刹车。
2.JavaScript中的对象
例:var message="Hello World!"
实际上已经创建了一个JavaScript字符串的对象,字符串对象拥有内建的属性length。length=5
属性:txt.length=5;
方法:txt.indexof()
txt.replace()
3.创建JavaScript对象
JavaScript 中的几乎所有事物都是对象:字符串、数字、数组、日期、函数,等等。
-->
<script>
//字符串
var str="马上放假了,好开心啊";
var len=str.length;
document.write("字符串的长度:"+len+"<br />");
//创建对象
var person={};//这就创建了一个对象,只是对象为Null
//创建汽车对象
var car={
name:"小包",//每个属性方法之间用逗号隔开
brand:"五菱宏光",
color:"red",
price:"500万",
width:"12米",
//行为
show:function(){
alert("姓名:"+this.name+",品牌:"+this.brand);
}
}
//调用方法
car.show();
//在一个对象里面可以包含另一个对象
var person1={
name:"王小二",
mycar:car,
msg:function(){
alert("姓名:"+name);
}
}
//给属性赋值第一种
person1.name="王大尔";
alert(person1.name);
//第二种
person1["name"]="张三";
alert(person1.name);
alert(person1.mycar.brand);
//创建对象的另一种方式 了解
var person2=new Object();//这样也是创建了一个对象
person2.age1=10;
document.write(person2.age1);
</script>
</head>
<body>
</body>
</html>
关于JavaScript中的数组问题
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>数组</title>
<script>
/*
* 数组:(Array)
* 数组也是一个对象,可以保持多个值,多个对象
*
*/
//1.声明一个数组
var scores=new Array();
scores[0]=20;
scores[1]=30;
scores[2]=40;
//获取数组长度
document.write("scores数组的长度是:"+scores.length+"<br />");
//2.可以在声明数组同时赋值
var scores1=new Array(20,30,40,60);
document.write("scores1数组的长度是:"+scores1.length+"<br />");
//3.使用最简单的方式创建一个数组
var scores2=[20,30,50,70];
document.write("scores2数组的长度是:"+scores2.length+"<br />");
//4.如果是单个数字,不是赋值,而是指定的数组的长度
var scores3=new Array(20);
document.write("scores3数组的长度是:"+scores3.length+"<br />");
//5.分类字符串
var str="a-b-c-d";
var strs=str.split("-");
document.write("分离后:"+strs+"<br />");
//6.push():向数组中追加元素,添加到末尾,可以一次性添加多个
var arr=[1,2];
arr.push(3,4);
document.write("追加后数组:"+arr+"<br />");
//7.pop():删除的数组的最后一个元素
arr.pop();
document.write("删除后数组:"+arr+"<br />");
//8.怎么访问数组的元素
var arr1=["李白","韩信","阿轲","兰陵王","百里玄策"];
//遍历数组
for(var i=0;i<arr1.length;i++){
document.write(arr1[i]+"<br />");
}
// for in
for(var num in arr1){//num指的是数组的坐标
document.write(arr1[num]+"<br />");
}
//对象数组
var car={
name:"宝马",
price:500000
};
var car1={
name:"宝骏",
price:50000
};
var car2={
name:"宾利",
price:5000000
};
var arr2=new Array(car,car1,car2);
for(var i=0;i<arr2.length;i++){
document.write(arr2[i].name+" "+arr2[i].price);
}
</script>
</head>
<body>
</body>
</html>