上一篇: 写给计算机专业应届毕业生

下一篇: Come Back！

寂寞双生程序

入门篇：Javascript

作者:matrixkey 日期:2010-07-15

字体大小: 小中大

在上一篇日志里，提到许多专业技术名称。而其实，熟悉它们并不难，只要你有了一定的编程思想，学习新的技术非常容易入门。

今天介绍Javascript。
为了减少多余的工作量，这里不再赘述各种概念。

首先，Javascript是网络的脚本语言（脚本语言是一种轻量级的编程语言）。
它不同于Java，Java（由太阳微系统公司开发）很强大，同时也是更复杂的编程语言，就像同级别的 C 和 C++。

Javascript在HTML页面中的位置

位于 head 部分的脚本：

当脚本被调用时，或者当事件被触发时，脚本就会被执行。当你把脚本放置到 head 部分后，就可以确保在需要使用脚本之前，它已经被载入了。

XML/HTML代码

<html>
<head>
</head>
<body>
<script type="text/javascript">
....
</script>
</body>
</html>

位于 body 部分的脚本：

在页面载入时脚本就会被执行。当你把脚本放置于 body 部分后，它就会生成页面的内容。

XML/HTML代码

<html>
<head>
</head>
<body>
<script type="text/javascript">
....
</script>
</body>
</html>

知道了放置Javascript的位置之后，我们可以体验一下简单的Javascript！

XML/HTML代码

<html>
<head>
</head>
<body>
<script type="text/javascript">
document.write("你好，我是Matrixkey！");
</script>
</body>
</html>

根据 Javascript 标准，分号是可选的，浏览器把行末作为语句的结尾。
不过大多数人都认为在每行语句的结尾加上一个分号，是一个好的编程习惯。

Javascript 注释

和C#一样，单行的注释以 // 开始，多行注释以 /* 开头，以 */ 结尾。

XML/HTML代码

<html>
<head>
</head>
<body>
<script type="text/javascript">
// 这行代码输出Matrixkey：
document.write("Matrixkey");
/* 第一行输出1798
第二行输出4772 */
document.write("<p>This is a paragraph</p>");
document.write("<p>This is another paragraph</p>");
</script>
</body>
</html>

Javascript 变量

Javascript 变量名称的规则：

变量对大小写敏感（ y 和 Y 是两个不同的变量）
变量必须以字母或下划线开始

注释：由于 Javascript 对大小写敏感，变量名也对大小写敏感。

声明（创建） Javascript 变量

Javascript中没有对数据类型的定义，统一通过 var 语句来声明 Javascript 变量：

Javascript代码

var x;
var carname;

声明之后，变量并没有值，x可以被赋值整数，也可以被赋值字符串。
在声明它们时向变量赋值：

Javascript代码

var x=5;
var carname="Volvo";

有意思的是，其实“先声明，再使用”的定义法则在Javascript语法中只是一个幌子。尽管有var关键字来进行对变量的声明，但是其实，直接对未声明的变量进行赋值也是被允许的。
并且，对于不是写在同一行的代码，我们甚至可以去掉“；”，这也是被允许的。
以下，12两句，45两句，效果相同。

Javascript代码

x=5;
carname="Volvo";
var x=5;
var carname="Volvo";

你甚至可以这样玩：

XML/HTML代码

var x=5;
var x;

语句执行后，变量 x 的值仍然是 5。在重新声明该变量时，x 的值不会被重置或清除。

Javascript 运算符

与C#基本一样，放一个小例子吧。

Javascript代码

<script type="text/javascript">
x=5+5;
document.write(x);
document.write("<br />");
x="5"+"5";
document.write(x);
document.write("<br />");
x=5+"5";
document.write(x);
document.write("<br />");
x="5"+5;
document.write(x);
document.write("<br />");
</script>

输出的结果依次是：10，55，55，55
规则是：如果把数字与字符串相加，结果将成为字符串。

Javascript If...Else 语句

在 Javascript 中，我们可以使用下面几种条件语句：

if 语句: 在一个指定的条件成立时执行代码。
if...else 语句: 在指定的条件成立时执行代码，当条件不成立时执行另外的代码。
if...else if....else 语句: 使用这个语句可以选择执行若干块代码中的一个。
switch 语句: 使用这个语句可以选择执行若干块代码中的一个。

if语句

Javascript代码

<script type="text/javascript">
//输出 "Good morning"
//如果时间小于10
var d=new Date()
var time=d.getHours()
if (time<10)
{
document.write("<b>Good morning</b>")
}
</script>

注意：必须使用小写字母。使用大写的 IF 会出错！

if...else 语句

Javascript代码

<script type="text/javascript">
//如果时间小于10,
//输出"Good morning".
//否则，输出"Good day".
var d = new Date()
var time = d.getHours()
if (time < 10)
{
document.write("Good morning!")
}
else
{
document.write("Good day!")
}
</script>

Switch 语句

Javascript代码

<script type="text/javascript">
//输出星期几
//Sunday=0,Monday=1, Tuesday=2, 以此类推.
var d=new Date()
theDay=d.getDay()
switch (theDay)
{
case 5:
document.write("Finally Friday")
break
case 6:
document.write("Super Saturday")
break
case 0:
document.write("Sleepy Sunday")
break
default:
document.write("I'm looking forward to this weekend!")
}
</script>

Javascript 消息框

可以在 Javascript 中创建三种消息框：警告框、确认框、提示框。
实例：
警告框确认框提示框

警告框

警告框经常用于确保用户可以得到某些信息。
当警告框出现后，用户需要点击确定按钮才能继续进行操作。（类似于C#中的messagebox.show()）
语法：

Javascript代码

<script type="text/javascript">
alert("我是警告框！！")
</script>

确认框

确认框用于使用户可以验证或者接受某些信息。
当确认框出现后，用户需要点击确定或者取消按钮才能继续进行操作。
如果用户点击确认，那么返回值为 true。如果用户点击取消，那么返回值为 false。
语法：

Javascript代码

<script type="text/javascript">
var r=confirm("你是Matrixkey吗？");
if (r==true)
{
alert("你是神!");
}
else
{
alert("去死吧!");
}
</script>

提示框

提示框经常用于提示用户在进入页面前输入某个值。
当提示框出现后，用户需要输入某个值，然后点击确认或取消按钮才能继续操纵。
如果用户点击确认，那么返回值为输入的值。如果用户点击取消，那么返回值为 null。
语法：

Javascript代码

<script type="text/javascript">
var name=prompt("请输入你的名字","Matrixkey")
if (name!=null && name!="")
{
document.write("Hi！" + name + " 今天2了吗？")
}
</script>

Javascript 函数

将脚本编写为函数，就可以避免页面载入时执行该脚本。
函数包含着一些代码，这些代码只能被事件激活，或者在函数调用时才会执行。
你可以在页面中的任何位置调用脚本。
函数在页面起始位置定义，即 <head> 部分。

XML/HTML代码

<html>
<head>
<script type="text/javascript">
function message()
{
alert("我是Matrixkey!")
}
</script>
</head>
<body>
<form>
<input type="button" value="点击!" onclick="message()" >
</form>
</body>
</html>

假如上面的例子中的 alert("我是Matrixkey!") 没有被写入函数，那么当页面被载入时它就会执行。现在，当用户击中按钮时，脚本才会执行。我们给按钮添加了 onClick 事件，这样按钮被点击时函数才会执行。

如何定义函数

创建函数的语法：

Javascript代码

function 函数名(var1,var2,...,varX)
{
代码．．．
}

var1, var2 等指的是传入函数的变量或值。{ 和 } 定义了函数的开始和结束。
注意："function" 这个词必须是小写的，否则 Javascript 就会出错。另外需要注意的是，必须使用大小写完全相同的函数名来调用函数。

return 语句

return 语句用来规定从函数返回的值。
因此，需要返回某个值的函数必须使用这个 return 语句。
下面的函数会返回两个数相乘的值（a 和 b）：

Javascript代码

function prod(a,b)
{
x=a*b
return x
}

调用这个函数时，必须传入2个参数：

Javascript代码

product=prod(2,3)

注意：可能你已经忘记了，在 javascript 中，使用变量之前并不一定要用 var 进行声明，并且，一行中只有一句代码时，可省略分号。

Javascript For 循环

和C#一样，分为for循环和while循环两种。

先吃饭，回来写。昨天，博客系统出问题了，导致无法更新～

文章来自: 本站原创

引用通告: 查看所有引用 | 我要引用此文章

Tags: Javascript 代码程序脚本

相关日志:

评论: 0 | 引用: 0 | 查看次数: 34

发表评论

昵　称:
密　码:	游客发言不需要密码.
邮　箱:	支持Gravatar头像.
网　址:	输入网址便于回访.
内　容:	正在加载编辑器...
验证码:	点击获取验证码
选　项:	禁止表情转换禁止自动转换链接禁止自动转换关键字记住我的信息,以便下次评论时不用输入用户名.

虽然发表评论不用注册，但是为了保护您的发言权，建议您注册帐号. 字数限制 1000 字 \| UBB代码开启 \| [img]标签关闭