zoukankan      html  css  js  c++  java
  • Javascript基础小结

    Javascript基础小结

      javascript学完了一些的基础知识,至此小结一下,以便查看。以下的内容是用到后写上的,javascript这么强大的东西,在小结中不可能面面俱到。现在学的仅仅是一点,也就一点。

        

                        少即是多,慢就是快

    1创建脚本块

    在html代码中添加如下代码:

    <script language=”JavaScript”>

    javascript code

    </script>

    2:变量

    使用var与语句对变量声明,区分大小写,遵循的规则如:变量第一字符必须是字母,或下划线,或美元符号($),其他字符中不能有空格,“+”,“——”等符号,且不能是保留字。

    3:自定义函数

    格式如下:

    function  fun(parameter1,parameter1 ...)

    {

        statement

        return;

    }

    其中必须以function开头,毕竟是函数,所以就这样了。parameter1这些参数可有可无,看是用来干嘛的。

    return语句同上。

    例子:

    <html>
    <head>
        <script>
            function see()
            {
                alert("some code")<!--弹出一个消息框-->
            }
        </script>
    </head>
    <body>
        <script>
            see()        <!--此处调用上头的函数see()-->
        </script>
    </body>
    </html>

           4:javascript对象的创建

                4.1 最简单的创建方式如:

    <html>
    <head>
    <title></title>
    </head>
    <body>
    <script type="text/javascript">
    user= new Object();
    user.name = "newsee";
    user.age = 21;
    user.address= "china";

    user.sayName = function (){
        alert(this.name);
    }
    user.sayName();
    </script>
    </body>
    </html>   

    在这里面,我们创建了一个user对象,且有三个属性:name,age,address,在下面的sayName方法中,用alert显示该对象的一个那么属性。虽然简单,但反复是使用总不不方便。

        4.2:构造函数模式

     <html>
    <body>
    <script type="text/javascript">
        function user(name,age,address)
        {
            this.name=name;
            this.age=age;
            this.address=address;
            this.display=function(){
                alert(this.name);
            }
        }
        var a = new user("newsee",21,"china");
        a.display();
    </script>
    </body>
    </html>

    还有个工厂模式,不一一列举。

    4.3:原型模式+构造函数模式

    <html>
    <body>
    <script type="text/javascript">
        function user(name,age,address)
        {
            this.name=name;
            this.age=age;
            this.address=address;
        }
       
       user.prototype.show=function(){
            alert(this.name);
       }
        var a = new user("newsee",21,"china");
        a.show();
    </script>
    </body>
    </html>

    如老师说的,这种是应用最广泛的。具体我好像没有过,哈哈。

    ------------------------------------------------------------------------------------------------------------------------------------------------------------------
    ---------------------------------------------------------- 分割线要长长的 ------------------------------------------------------------------------------------
    ------------------------------------------------------------------------------------------------------------------------------------------------------------------
    此外,还有系统的内置对象。这东西也是跟一匹布那么长。有机会再更新,这里仅写几个常用的方法属性。


    1. document.write("some code")  <!.--写到窗口或框架中的HTML内容--> 在这要注意的是调用document.write会隐式调用open,但是不会隐式调用close,需要手工调用close用以关闭,具体可看这里http://www.cnblogs.com/dh616854836/articles/2140349.html
    2. alert("good idea")                    <!--弹出警告信息-->
    1. <body onLoad=”fun()”>

                do something
            </body>                                       <!--在页面中加载函数-->
        4.window.setTimeout(“look()”,5000);  其中,函数look()可以自定义,5000的数值即是5秒,大小自己也可自己设定,此外,还有个
            window.clearTimeout(); 用以停止计时的功能。
        5.输出日期的一段
              <scriptlanguage=”JavaScript”>

    var nowDate = newDate(); 
    document.write(nowDate.toString()); 
    </script>  

        6.getElementById()    返回对拥有指定 id 的第一个对象的引用
        附上一段代码:

     <html>
    <head>
    <script>
    function good()
    {
        var t=document.getElementById("txt")
    .value   
        alert(t)
    }
    </script>
    </head>

    <body>
    <input type="text" id="txt" onblur="good()">
    <h3>当你输入内容鼠标离开时,既有显现<h3>
    </body>
    </html>

    应该不用说明了,如上
    getElementsByName()的话也是差不多。不过写的是这样写的getElementsByName  有个S在里面
    <html>
    <head>
    <script>
    function good()
    {
        var t=document.getElementsByName("txt")[0]
        alert(t.value)
    }
    </script>
    </head>

    <body>
    <input type="text" name="txt" onblur="good()">
    <h3>当你输入内容鼠标离开时,既有显现<h3>
    </body>
    </html>

     ----------------------------------------------------------------------------------------------------------------------------------------------------------------
    ---------------------------------------------------------- 分割线要长长的 ------------------------------------------------------------------------------------

    ------------------------------------------------------- 先 到这,以后再更新 ---------------------------------------------------------------------------------
    ------------------------------------------------------------------------------------------------------------------------------------------------------------------

    总结这东西还真是。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

    有点痛苦找个图看看先。这是我在QQ空间发的,现在转来这边

  • 相关阅读:
    Winform读取app.config文件
    判断本机只能运行一个winform程序
    [导入][链接] Top 10: The best, worst... and craziest uses of RFID
    [导入][Tips] 在Ubuntu下限制本机使用的网络带宽
    [导入][一点一滴学英语] 20061205
    [导入][链接] Linux Distribution Chooser
    [导入][链接] Open Source Java Clustering
    [导入][链接] 关于Vista的关机选项
    [导入]Drip, Transfusion, Perfusion还是Infusion?关于一个词的翻译
    [导入][阅读] "Computer Programmer" vs. "Software Developer"
  • 原文地址:https://www.cnblogs.com/newlooker/p/2728679.html
Copyright © 2011-2022 走看看