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事件中的东西。
 

  

  

原文地址:https://www.cnblogs.com/yagzh2000/p/3078155.html