Javascript基础小结

最新推荐文章于 2024-10-18 11:12:30 发布

weixin_34357962

最新推荐文章于 2024-10-18 11:12:30 发布

阅读量47

点赞数

文章标签： javascript 开发工具 ViewUI

原文链接：http://www.cnblogs.com/newlooker/archive/2012/10/17/2728679.html

版权

Javascript基础小结

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

少即是多，慢就是快

1：创建脚本块

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

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() 
   </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>

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

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

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

<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" οnblur="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" οnblur="good()">
<h3>当你输入内容鼠标离开时，既有显现<h3>
</body>
</html>

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

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

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

转载于:https://www.cnblogs.com/newlooker/archive/2012/10/17/2728679.html