黑马程序员-------JavaScript入门

---------------------- <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();              //调用f1say元素,相当于调用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>、期待与您交流! ----------------------


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值