javascript学完了一些的基础知识,至此小结一下,以便查看。以下的内容是用到后写上的,javascript这么强大的东西,在小结中不可能面面俱到。现在学的仅仅是一点,也就一点。
少即是多,慢就是快
1:创建脚本块
在html代码中添加如下代码:
<script language=”JavaScript”>
javascript code
</script>
2:变量
使用var与语句对变量声明,区分大小写,遵循的规则如:变量第一字符必须是字母,或下划线,或美元符号($),其他字符中不能有空格,“+”,“——”等符号,且不能是保留字。
3:自定义函数
格式如下:
function fun(parameter1,parameter1 ...)
{
statement
return;
}
其中必须以function开头,毕竟是函数,所以就这样了。parameter1这些参数可有可无,看是用来干嘛的。
return语句同上。
例子:
<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>
如老师说的,这种是应用最广泛的。具体我好像没有过,哈哈。
------------------------------------------------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------
分割线要长长的
------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------------------------
此外,还有系统的内置对象。这东西也是跟一匹布那么长。有机会再更新,这里仅写几个常用的方法属性。
- 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”>
document.write(nowDate.toString());
</script>
6.getElementById() 返回对拥有指定 id 的第一个对象的引用
附上一段代码:
<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空间发的,现在转来这边