---------------------- <a href="http://edu.csdn.net"target="blank">ASP.Net+Android+IOS开发</a>、
<a href="http://edu.csdn.net"target="blank">.Net培训</a>、期待与您交流! ----------------------
一、什么是Javascript?
Javascript语言是解释性的语言,如果有语法错误,则没有错误的部分还是能正确运行,不用编译就可以随时运行,在浏览器端运行。
二、Javascript 的开发环境
可以在记事本中写代码,也可以在Visual Studio 中写代码,只是Visual Studio 中有自动提示功能,并且,可以很好的调试程序。
三、Javascript 代码的位置
(1)嵌套在HTML页面中。把javascript代码放入<head>标签内部,也可以放入<body>标签内部等等任意位置。
<html>
<head>
<title>....</title>
<script type=”text/javascript”>
Javascript代码...............
</script>
</head>
<body>
</body>
</html>
如果javascript代码放入<head>中,则在页面加载之前已经运行。
网页中可以有多个<script>标签,放入网页任意位置。
(2)写成单独的javascript文件。
如果写成单独的javascript文件,就需要在网页中引用该文件
引用方法:
在页面要引用的位置加入代码:
<script type=”text/javascript” src=”.js文件名”>
</script>
(3)写成单独的js文件,可以供多个页面使用。
四、JavaScript基本语法
(1)声明变量
方式: Var i=10;
Var i=”hello” //无论什么类型的变量,都用var
在js中,变量名可以指向任意类型。
例如:
Var i=10;
I=”hello”;
字符串可以用单引号,也可以用双引号。
未定义的可以声明为null 或者undefined
(2)
五、Javascript代码的调试
如果JS代码出现问题,这是浏览器会忽略执行错误代码,这就需要网页提示一些错误信息。
方法:打开IE浏览器,找到“工具”选项卡,选中“Internet选项”,找到“高级”,选中之后,在“设置”里,找到“禁止脚本调试(Internet Explorer)”去掉“√”。这样浏览器会提示一些错误信息。
在VS中,可以设置断点来进行代码调试。
六、Javascript面向对象
在JS中,没有类的概念。
JS的代码中函数可以指向一个对象。
JS 中的var 可以指向任意类型。任何类型都可以用var 来定义。
例如:
<script type="text/javascript">
function fruit(type,color) { //定义一个fruit对象
this.type = type; //动态元素type
this.color=color; //动态元素color
this.say=function(){ //动态元素say指向的是一个函数
alert("我叫"+type+",我是"+color+"色的。");
}
}
var f1 = new fruit("apple", "red"); //定义一个变量,名称是f1指向的是fruit对象
f1.say(); //调用f1的say元素,相当于调用say指向的function函数
七、Array对象
Array对象是一个数组,并且元素是动态的,不用提前定义元素个数。
<script type="text/javascript">
var arr=new Array(); //定义一个变量指向的是一个数组。
arr[0]="zch1"; //动态添加元素个数并且赋值
arr[1]="zch2";
arr[2]="zch3";
arr[3]="zch4";
arr[4]="zch5";
for(var i=0;i<arr.length;i++) //遍历数组中的每个元素。
{
alert(arr[i]); //以索引方式遍历数组。
}
</script>
Array对象也可以像C#语言中的dictionary一样,采用键值对方式访问。
<script type="text/javascript">
var dict = new Array();
dict["苹果"] = "apple";
dict["梨"] = "pear";
dict["橘子"] = "orange";
for (var f in dict) {
alert(f+"的英文单词是"+dict[f]);
}
</script>
可以用dict[“苹果”]的方式来访问元素。
八、Javascript中的for循环
当定义了一个Array数组时,如果采用的时键值对的方式定义的,那么如果用下面的方式遍历访问数组,则访问到的数据是键。
For(var 临时变量 in 数组名称){
Alert(临时变量);
}
例如:
<script type="text/javascript">
var dict = new Array();
dict["苹果"] = "apple";
dict["梨"] = "pear";
dict["橘子"] = "orange";
for (var f in dict) {
alert (f) //结果是”苹果“,”梨“,”橘子“而不是”apple”,”pear”,”orange”
}
</script>
For 可以获得对象的所有成员,因为,对象的成员就是以数组的Key形式存在的。
例如:
<script type="text/javascript">
function fruit(type, color) {
this.type = type;
this.color = color;
this.say = function () {
alert("我是" + type + ",我是" + color + "色的");
}
}
var f = new fruit("苹果","红");
f.say();
for (var i in f) {
alert(i); //结果是type,color ,say
}
</script>
---------------------- <a href="http://edu.csdn.net"target="blank">ASP.Net+Android+IOS开发</a>、
<a href="http://edu.csdn.net"target="blank">.Net培训</a>、期待与您交流! ----------------------