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

      

      

  • 相关阅读:
    Keep at Most 100 Characters
    Larry and Inversions
    计算指数
    简单题
    重要的话说三遍
    I Love GPLT
    猜数字
    打印沙漏
    多态性(polymorphism),封装性(encapsulation),内聚(cohesion)以及耦合(coupling)的基本概念
    Hibernate面试题
  • 原文地址:https://www.cnblogs.com/yagzh2000/p/3078155.html
Copyright © 2020-2023  润新知