JavaScript中的一些基本用法

    JavaScript原名叫LiveScript,后来加入了Java的一些语法,改名为JavaScript,与Java没有一点关系。它是一种浏览器前端脚本语言,执行在浏览器端。

在进行一些与服务端无关的控制时可以用它,可以减少网络流量。

JavaScript的脚本我们常写在head头中或写在一个文件中,并在html的头中调用。

一、JavaScript是一种弱类型语言,不用指定它的变量的具体类型,与所付的值的类型相同,但string,Array等不是高级语言所说的引用类型,而是一个实例或叫对象。它的变量声明为:

<script type="text/javascript">

        var tmpvalue = 25;

        alert(tmpvalue);

        tmpvalue = "test";

        alert(tmpvalue);

    </script>

二、函数。 它的声明类型为 function 名称(参数...){函数体}

<script type="text/javascript">

        function GetValue(value) {

            return "the value: " + value;

        }



        alert(GetValue("myvalue"));

    </script>

三、匿名函数。 即可函数做为一个参数进行调用。如下代码:

 <script type="text/javascript">

      /*

        function GetValue(value) {

            return "the value: " + value;

        }



        alert(GetValue());

        */



        var f = function (name) {

            return "The name is: " + name;

        };



        alert(f("你好"));



        alert(function (Age) {return "The Age: "+Age}(22));

    </script>

后一种方法不建议使用,会使人头晕。

四、变量的初始化
  

  javaScript中有两种类型来检测是否有初始化,一个为null,另一个为undefined.

     null代表为一个空值,但与我们高级语言中的Null又有些不一样,不全是Null.

     nudefined表示此变量没有指定值,相当于高级语言中的Null,就像上面(二、函数)那部分,如果你在调用GetValue时这样写:alert(GetValue()), 网页会显示的结果为: the value: undefined.

五、闭包,相当于我们高级语言中的“类”。(JavaScript中没有类这一说法。)

可以把函数当成我们所用的类的一种来操作,如它的属性,它的构造函数等,如下:

  <script type="text/javascript">

        function Person(name, age) {

        //Name和Age相当于类的属性

            this.Name = name;

            this.Age = age;

        //Indroduce相当于类的方法

            this.Indroduce = function () {

                return "The person : " + this.Name + "'s age is " + this.Age;

            };

        }



        var p = new Person("小王", 20);

        alert(p.Indroduce());

    </script>

六.数组、字典及stack
在JavaScript中没有高级语言中的动态或静态数组之称。它就一个Array类型的东西,可随意指定它的大小,也可以用于dictionary或stack

如下:声明一个数组:

<script type="text/javascript">

        var myarr = new Array();

        myarr[0] = "aa";

        myarr[1] = "bb";

        ....

    </script>

dictionary:
 

 <script type="text/javascript">

        var myarr = new Array();

        myarr["名称"] = "aa";

        myarr["住址"] = "bb";

        myarr["单位"] = "cc";

        alert(myarr["名称"]);

        alert(myarr.名称);

    </script>

用stack时可以用到pop,push等方法。

也可以用简单的方法进行声明:

<script type="text/javascript">

        var myarr = [1, 2, 3];

        var mystr = { "名称": "你好", "地址": "XXXXX", "单位": "水电房" };

        alert(mystr["单位"]);

    </script>

七、for循环语句

 <script type="text/javascript">

        var myarr = [1, 2, 3];

        var mystr = { "名称": "你好", "地址": "XXXXX", "单位": "水电房" };

        alert(mystr["单位"]);

        for (var i = 0; i < myarr.length; i++)

            alert(myarr[i]);



        for(var k in mystr)

            alert(k);  //显示名称、地址等,说明string只是一个对象,并不像高级语言中的foreach



        for (var k in mystr)

            alert(mystr[k]);  //显示对应的内容

    </script>

八、JavaScript的一些调用常识

      JavaScript通常是放在Html的Header部分,或用文件被调入。调用方法如下:

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title></title>

    <script type="text/javascript">

        var myarr = [1, 2, 3];

        var mystr = { "名称": "你好", "地址": "XXXXX", "单位": "水电房" };

        alert(mystr["单位"]);

        for (var i = 0; i < myarr.length; i++)

            alert(myarr[i]);



        for(var k in mystr)

            alert(k);  //显示名称、地址等,说明string只是一个对象,并不像高级语言中的foreach



        for (var k in mystr)

            alert(mystr[k]);  //显示对应的内容

    </script>

</head>

<body>

    <form id="form1" runat="server">

    <div>

    

    </div>

    </form>

</body>

</html>

上面为直接写在header中,html的执行顺序也是从上到下的。下图为用文件来调用。我们在文件中写入一个函数,然后再调用此文件,再用button的onclick来调用此函数,如下图:

JScript1.js为js的文件,它的内容为:

function GetTheAddress(addr) {
    return addr;
}

以下为调用过程:

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title></title>

    <script src="JScript1.js" type="text/javascript">   </script>

</head>

<body>

    <form id="form1" runat="server">

    <div>    

        <input id="Button1" type="button" value="button" onclick="JavaScript:alert(GetTheAddress('长安路112号'))" /></div>

    </form>

</body>

</html>

Alert是弹出对话框的意思。
要调入js文件,则用到src的属性。

JavaScript中的字符串可以为单引号也可以为双引号,如上图中的onclick事件中的东西。
 

 

 

  

 

 

  

你可能感兴趣的:(JavaScript)