JavaScript基础教程
时间：2007-02-17 来源：PHP爱好者
JavaScript 基础教程 今天时间比较充裕,考虑到最近好久没有出文章了.有没什么特别的研究,很抱歉,最近也是觉得很没新意.不过,我想本文还是有点参考价值的,因为至少,对那些没有接触过JavaScirpt或接触的不多的朋友,还是有一定帮助的.说真的,记得大一的时候,一个同学用JavaScirpt写的一个禁用鼠标左键,我都觉得很了不起,而且拿来钓MM也是很好的选择,所以,没理由不学习一下,不是吗,当然作为Script语言,其执行效率当然不会高.且JavaScript和Java是不一样的,JavaScript是脚本语言,而Java则是利用虚拟机把编译好Bytecode执行.当然Java和JavaScript也是可以一起使用的,比如:import java.applet.Applet;
import java.awt.Graphics;
public class HelloWorld extends Applet {
public void paint(Graphics g) {
g.drawString("Hello world!", 50, 25);
}
} 然后在客户端的Html的<APPLET>标记中写 <APPLET CODE="HelloWorld.class" NAME="HelloWorld" WIDTH=150 HEIGHT=25>
</APPLET> 我不想和其他的javascript教程一样.因为,我觉得那样太枯燥,至少看上去,没有丝毫的美感.每当我读起国内大多数,文章和教程那样,真的很缺乏美感,没有幻想的味道.我以前很喜欢玩RPG游戏,你们是吗?我想至少玩过吧,把自己想成一个旅行到一个神奇的岛的探险者怎么样?那么好把,让我为各位准备的旅行手卷展开,你会发现什么.啊哏,很不错吧,你的行廊里,什么都有不是吗?我想,你至少不会毫无防备的被野兽给吃掉,也不会陷入到泥沼中. * 引路石 ------- <script>标记的作用. * 打开大门的钥匙 ------- Document 对象. * 路标 ------------ 消息框 * 引路人 ---------- 条件结构 * 行廊 ---------函数 * 礁石 ---------事件 * 避难所 -------- Form (表单) * 传送点 --------- Link(连接) * 手表 --------- Date(日期) * 传送卷轴---------window(窗口) * 多度空间 -------- Frame(框架) * 引路石 ------- <script>标记的作用.那么好吧,让我们切入正题.看看如何使用这个工具,首先我们必须要知道,它运行在那里应该放在哪儿运行.因为JavaScript最早是netscape用来做浏览器端的脚本来用的.因此很显然是放在浏览器中运行的.让我们还是想以往那样先来个”HelloWorld”,OK,看下面的代码: <html><head><title>This is a JavaScript example</title><script language="JavaScript"><!--document.write("Hello World!");//--></script></head><body>I'm yarshray</body></html> 如果,你在浏览器中运行就会看到久违了的Hello World.这里我们要知道的是,<script></script>之间的代码,那些就是JavaScript代码.我喜欢把他们放到<head></head>之间,而有的时候人们也会把他们放到<body></body>之间.可那样,很容易和正文混在一起在调试的时候很不方面.在上面的代码中还看到些什么了吗?<!-- //-->,这个是吗?想知道这个是什么,是吗?如果,你要在一个不支持javascript的浏览器中运行.那我保证,这个就有用了.很简单,它什么也不显示.这里再让我们来讨论一下<javascript>标记,这个标记里有那些比较有用的属性,下面让我来介绍一下.language 它可以确定你要用到的脚本语言是那一种.如:vbscript javascript1.2 等.根据浏览器的支持来决定.这个时候如果,你不想让自己的文档看上去很零乱.那么一个好的做法是分开来放置文件.代码文件单独来存放.如上面的代码,你可以写到.一个hello.js文件中,然后 <script language="JavaScript" src="hello.js"></script> 可以通过这src属性来引用资源.但必须保证资源的路径.而且这样做你必须保证,在<script></script>之间不能插入其他语句. * 打开大门的钥匙 ------- Document 对象.在上一部分,我们终于可以对这世界说一声,我们来了,你必须要欢迎我们.可是你知道,还有一扇门把我们挡在外面.我们需要一把钥匙.来开启这扇门.还记得,我们上面的代码中的Document.Write(‘Hello Word’);Document 称为对象,write称为该对象的方法,我想不用多说玩过RED的都知道.当然,VC6的同胞们也许会比较陌生,不过,这是一种享受.有方法当然也会有属性,这是很自然的,就好象是object *op; op->m_xxxx; 那样还是给个方法和属性的例子吧. <script language="JavaScript">document.write("This page created by Yarshray saga jion. Last update:" + document.lastModified);</script> 在网页中看到什么了呢?是….最后的更新时间.看样子,我们离我的目的地又近了一步,至少可以看见时间了.让我们看看还有些什么?不如,我们让它看上去,更符合我们的口味怎么样?我想是个好主义. <script>document.bgColor="black"document.fgColor="#336699"</script> 输入上面的代码看看.啊哈…..看见什么了?天黑了是吗?是的,休息一下继续明天的旅程吧. * 路标 ------------ 消息框终于,我们旅行到了,这个世界中,可是该往那儿去呢?嘿,别问我,我也不太清楚.看看路标怎么样?在哪儿呢?hi, look here! A alert. Oh yeah you’re right. 看看上面写了些什么? <body><script>window.alert("Welcome to my site!")</script></body> 注意到什么了吗?是<body>吗?我曾经不是说过,不要把javascript写到<body>中去吗?是的我是那样说过,可你要知道,这是路标,它会告诉我们要去哪儿.当然,放到最适合它的位置是个好的选择.嘿,朋友,这儿不只一种.还有另外几个看上去也是路标,是吗?让我瞧瞧.哦,也许你是对的.window.confirm("Are you sure you want to take a rest?") 嘿,你真的累了吗?如果那样可以来这儿休息一下,看上去象一个旅馆的广告.这个路标的名字似乎叫----confirm .看看那边还有一个是吗.让我看看 window.prompt("please enter user name") 恩?似乎我们自己可以在上面写些东西什么的.是的,看样子,这家旅馆的服务还不错,至少可以写个投诉之类的东西,好了,今晚就住这儿了,至少看上去还不坏.明天继续. * 引路人 ---------- 条件结构 早上好,我亲爱的朋友.昨晚睡的好吗?我想,我们还是雇个向导,你怎么样?价格方面应该很便宜,啊哈,那就说定了.看看,他怎么样?看上去挺可靠. <script>var x=window.confirm("Are you sure you want to go to HoneyIsland") if (x) window.alert("Good choice.")else window.alert("Thank you.")</script> 他在说什么?似乎是土语.好象是在说,让我们去个不错的地方.是吗?是的.var是什么?恩,看上去很象是个变量的申明.是的,以后我们可以使用这个变量了,变量的名字叫X是吗?是的,很COOL的名字.然后下面有 if else 这个结构似乎哪儿都有,是选择题吗?是的.选选看.如果,我们选择是,那是个不错的选择.如果是否呢?噢…也不坏,他并不强迫我们是吗.yes/no的值是存放在X中的,而X的值的不同,将会有不同的选择.也就是 if else结构的作用. 我想,我们该结帐了.你来还是我来,签个名吧.以便决定有谁来付帐单.<script>var y=window.prompt("please enter your name")window.alert(y)</script> 写好了吗,我们该决定是否去他说的地方了,你听,他又问了一遍<html><head><script>var x=confirm("Are you sure you want to HoneyIsland ?")if (!x) window.location="http://www.CSDN.net"</script></head><body>Welcome !</body></html>好了,我们出发吧. * 行廊 ---------函数嘿,你准备背包了吗?干什么?噢,天啊!你不知道吗?把一些事物放到背包里,是可以重复使用的,比方:function testsay(){ document.write("How Are You?")}这样我们不用对每一个人都说一次,只用testsay(),使用背包里的函数,就可以了.很方便是吗?现在我想一定知道背包的重要性了,那么好吧,还等什么,干什么不自己动手往里面放点东西.
php爱 好者站 http://www.ｐｈｐｆａｎｓ.net 文章|教程|下载|源码|论坛.
import java.awt.Graphics;
public class HelloWorld extends Applet {
public void paint(Graphics g) {
g.drawString("Hello world!", 50, 25);
}
} 然后在客户端的Html的<APPLET>标记中写 <APPLET CODE="HelloWorld.class" NAME="HelloWorld" WIDTH=150 HEIGHT=25>
</APPLET> 我不想和其他的javascript教程一样.因为,我觉得那样太枯燥,至少看上去,没有丝毫的美感.每当我读起国内大多数,文章和教程那样,真的很缺乏美感,没有幻想的味道.我以前很喜欢玩RPG游戏,你们是吗?我想至少玩过吧,把自己想成一个旅行到一个神奇的岛的探险者怎么样?那么好把,让我为各位准备的旅行手卷展开,你会发现什么.啊哏,很不错吧,你的行廊里,什么都有不是吗?我想,你至少不会毫无防备的被野兽给吃掉,也不会陷入到泥沼中. * 引路石 ------- <script>标记的作用. * 打开大门的钥匙 ------- Document 对象. * 路标 ------------ 消息框 * 引路人 ---------- 条件结构 * 行廊 ---------函数 * 礁石 ---------事件 * 避难所 -------- Form (表单) * 传送点 --------- Link(连接) * 手表 --------- Date(日期) * 传送卷轴---------window(窗口) * 多度空间 -------- Frame(框架) * 引路石 ------- <script>标记的作用.那么好吧,让我们切入正题.看看如何使用这个工具,首先我们必须要知道,它运行在那里应该放在哪儿运行.因为JavaScript最早是netscape用来做浏览器端的脚本来用的.因此很显然是放在浏览器中运行的.让我们还是想以往那样先来个”HelloWorld”,OK,看下面的代码: <html><head><title>This is a JavaScript example</title><script language="JavaScript"><!--document.write("Hello World!");//--></script></head><body>I'm yarshray</body></html> 如果,你在浏览器中运行就会看到久违了的Hello World.这里我们要知道的是,<script></script>之间的代码,那些就是JavaScript代码.我喜欢把他们放到<head></head>之间,而有的时候人们也会把他们放到<body></body>之间.可那样,很容易和正文混在一起在调试的时候很不方面.在上面的代码中还看到些什么了吗?<!-- //-->,这个是吗?想知道这个是什么,是吗?如果,你要在一个不支持javascript的浏览器中运行.那我保证,这个就有用了.很简单,它什么也不显示.这里再让我们来讨论一下<javascript>标记,这个标记里有那些比较有用的属性,下面让我来介绍一下.language 它可以确定你要用到的脚本语言是那一种.如:vbscript javascript1.2 等.根据浏览器的支持来决定.这个时候如果,你不想让自己的文档看上去很零乱.那么一个好的做法是分开来放置文件.代码文件单独来存放.如上面的代码,你可以写到.一个hello.js文件中,然后 <script language="JavaScript" src="hello.js"></script> 可以通过这src属性来引用资源.但必须保证资源的路径.而且这样做你必须保证,在<script></script>之间不能插入其他语句. * 打开大门的钥匙 ------- Document 对象.在上一部分,我们终于可以对这世界说一声,我们来了,你必须要欢迎我们.可是你知道,还有一扇门把我们挡在外面.我们需要一把钥匙.来开启这扇门.还记得,我们上面的代码中的Document.Write(‘Hello Word’);Document 称为对象,write称为该对象的方法,我想不用多说玩过RED的都知道.当然,VC6的同胞们也许会比较陌生,不过,这是一种享受.有方法当然也会有属性,这是很自然的,就好象是object *op; op->m_xxxx; 那样还是给个方法和属性的例子吧. <script language="JavaScript">document.write("This page created by Yarshray saga jion. Last update:" + document.lastModified);</script> 在网页中看到什么了呢?是….最后的更新时间.看样子,我们离我的目的地又近了一步,至少可以看见时间了.让我们看看还有些什么?不如,我们让它看上去,更符合我们的口味怎么样?我想是个好主义. <script>document.bgColor="black"document.fgColor="#336699"</script> 输入上面的代码看看.啊哈…..看见什么了?天黑了是吗?是的,休息一下继续明天的旅程吧. * 路标 ------------ 消息框终于,我们旅行到了,这个世界中,可是该往那儿去呢?嘿,别问我,我也不太清楚.看看路标怎么样?在哪儿呢?hi, look here! A alert. Oh yeah you’re right. 看看上面写了些什么? <body><script>window.alert("Welcome to my site!")</script></body> 注意到什么了吗?是<body>吗?我曾经不是说过,不要把javascript写到<body>中去吗?是的我是那样说过,可你要知道,这是路标,它会告诉我们要去哪儿.当然,放到最适合它的位置是个好的选择.嘿,朋友,这儿不只一种.还有另外几个看上去也是路标,是吗?让我瞧瞧.哦,也许你是对的.window.confirm("Are you sure you want to take a rest?") 嘿,你真的累了吗?如果那样可以来这儿休息一下,看上去象一个旅馆的广告.这个路标的名字似乎叫----confirm .看看那边还有一个是吗.让我看看 window.prompt("please enter user name") 恩?似乎我们自己可以在上面写些东西什么的.是的,看样子,这家旅馆的服务还不错,至少可以写个投诉之类的东西,好了,今晚就住这儿了,至少看上去还不坏.明天继续. * 引路人 ---------- 条件结构 早上好,我亲爱的朋友.昨晚睡的好吗?我想,我们还是雇个向导,你怎么样?价格方面应该很便宜,啊哈,那就说定了.看看,他怎么样?看上去挺可靠. <script>var x=window.confirm("Are you sure you want to go to HoneyIsland") if (x) window.alert("Good choice.")else window.alert("Thank you.")</script> 他在说什么?似乎是土语.好象是在说,让我们去个不错的地方.是吗?是的.var是什么?恩,看上去很象是个变量的申明.是的,以后我们可以使用这个变量了,变量的名字叫X是吗?是的,很COOL的名字.然后下面有 if else 这个结构似乎哪儿都有,是选择题吗?是的.选选看.如果,我们选择是,那是个不错的选择.如果是否呢?噢…也不坏,他并不强迫我们是吗.yes/no的值是存放在X中的,而X的值的不同,将会有不同的选择.也就是 if else结构的作用. 我想,我们该结帐了.你来还是我来,签个名吧.以便决定有谁来付帐单.<script>var y=window.prompt("please enter your name")window.alert(y)</script> 写好了吗,我们该决定是否去他说的地方了,你听,他又问了一遍<html><head><script>var x=confirm("Are you sure you want to HoneyIsland ?")if (!x) window.location="http://www.CSDN.net"</script></head><body>Welcome !</body></html>好了,我们出发吧. * 行廊 ---------函数嘿,你准备背包了吗?干什么?噢,天啊!你不知道吗?把一些事物放到背包里,是可以重复使用的,比方:function testsay(){ document.write("How Are You?")}这样我们不用对每一个人都说一次,只用testsay(),使用背包里的函数,就可以了.很方便是吗?现在我想一定知道背包的重要性了,那么好吧,还等什么,干什么不自己动手往里面放点东西.
php爱 好者站 http://www.ｐｈｐｆａｎｓ.net 文章|教程|下载|源码|论坛.
相关阅读 更多 +
