站内搜索: 请输入搜索关键词

当前页面: 开发资料首页Javascript 专题JavaScript 基础教程(2)

JavaScript 基础教程(2)

摘要: JavaScript 基础教程(2)


* 礁石 ---------事件

大海真不错,很美,海风吹浮着你的脸,感觉不错吧.很浪漫是吗?啊噢,天啊,发生了什么?真不感相信.我鞋掉进了大海里.我发誓,我再也不会把鞋乱放了.把鞋乱放,你是说,你有一个放鞋的动作吗?是的,是这样的.噢,那就得了.听着,你触发了一个事件.什么?我说你你触发了一个事件.可是什么是事件.噢天啊.就是:参考这篇http://www.csdn.net/develop/read_article.asp?id=16267,也是我写的天气预报呵呵….开个玩笑.事实上,当你把鼠标按下,某一个物体的时候,就会触发一个事件.象这样.

<script>

function love()

{

alert("I love you baby! You’re my honey!")

}

</script>

<form>

<input type="button" value="Click here" onclick="love()">

</form>

<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />

把这段代码帖到你的页面中去,然后点下.click here 看看会发生什么?呵呵….希望你是个PLMM,哈哈… 如果,是男生,那就导胃口了.这里在举几个其它事件的例子,如.onload 在加载的时候发生.如:

<body onload='love()'>

…..

当body加载的时候发生,还有比方鼠标的停靠和移开等等.当然,一个对象的事件不会只做一件事情.例如,你可以象她表白,当然,还可以送上一速鲜花.等等.噢,等等,我们遇上礁石了.船颠簸的厉害,看样子要找个地方靠岸…….

* 避难所 -------- Form (表单)

啊,,,,不错啊,我找到了一个避难所.这似乎有不少东西可以来利用.可以给我们的朋友发信号.是吗?等,他们来救我们,否则,我们只有等死了.

<form name="help">

<input type="text" size="10" value="" name="me">

<input type="button"value="Click Here"onclick="alert(document.help.me.value)">

</form>

看见什么了吗?可以自己输入,信号然后给我们的朋友发.哈哈…也许,你还需要把你的详细联系方式提供给你的朋友,如email 住址等等。那么你可以这样。

<head>

<script>

function emailchk()

{

var x=document.feedback.email.value

if (x.indexOf("@")==-1)

{

alert("It seems you entered an invalid email address.")

document.feedback.email.focus()

}

}

</script></head><body>

<formname="feedback">

Email:<input type="text" size="20" name="email"onblur="emailchk()">

Comment: <textarea name="comment" rows="2" cols="20"></textarea>

<input type="submit" value="Submit">

</form>

</body>

看到这段代码,我们该注意些什么。看看if 里面,如果你的email栏目中没有填写‘@’那么将会弹出一个警告,然后焦点又回到了EMAIL栏目中。焦点就是靠focus()这个函数来完成.好吧,让我们看看可以从船上找点吃的东西吗?由于害怕,有别的什么生物闯进我们的船因此设置了密码。所以你必须先登录。口令是:yarshray 密码是:loveyarshray (嗨,你可别指望我傻到会把我的用户名和密码帖出来。我可没那么笨。哈哈。。。。)

<head>

<script Language="JavaScript">

function checkLogin(x)

{

if ((x.id.value != "yarshray")||(x.pass.value !="loveyarshray"))

{

alert("Invalid Login");

return false;

}

else

location="http://www.yahoo.com.cn";

}

</script>

</head>

<body>

<form>

UserID:<input type="text" name="id">

Password:<input type="password" name="pass">

<input type="button" value="Login" onClick="checkLogin(this.form)">

</form>

</body>

试试看,如果输入正确了口令和密码,那么你将可以访问到yahoo.祝你好运。

* 传送点 --------- Link(连接)

已经一个星期了,我想我有些绝望了.事实上,船上剩下的粮食不多了.我绝望的在海边寻找着食物,可是奇迹发生了.知道了我发现了什么吗?是传送点.我想我可以回去了.呵呵….上天对我还真不错.

thank one's lucky stars

come back to my home

第一连接,让我们感谢上天,第二个让我们可以回家.

* 日历 --------- Date(日期)

回家以后我的第一件事情,那就翻日历,我想知道,我究竟去了多少日子.

<head>Show</P> <P class=MsoNormal style="MARGIN: 0cm 0cm 0pt">Date</head>

<body>

<script LANGUAGE="JavaScript">

var x= new Date();

document.write (x);

</script>

</body>

看见了,整整是一周.因为它显示的是,现在的日期,那么很容易推算,我失踪的这段时间.在来看看,这个日历可以提供我们些什么.

getDate

getTime

getTimezoneOffset

getDay

getMonth

getYear

getSeconds

getMinutes

getHours

功能还挺全面,是吗,真不错.

* 传送卷轴---------window(窗口)

这是一个比较有趣的论题。当你安坐在家里,是否常常想,看看外面,看看新闻什么的。那么可以通过窗口。窗口对象,基本上就是你的浏览器。它的属性和方法基本上就是在操作你的浏览器。基本的操作,如open就是在完成打开操作,如同一个传送卷轴一样把我们带到

任何想去的地方。如:

<form>

<input type="button" value="try it"onclick="window.open('http://www.csdn.net','win1','width=200,height=200')">

</form>

看上去象什么?一个广告是吗?是的,很多网站就是这样的。看上去真讨厌。

Open有三个参数,第一个URL地址。第二个目标,第三个样式。下面提供相关的样式属性。

width

height

toolbar

location

directories

status

scrollbars

resizable

menubar

如果,你想清空表单里的内容,那么你可以这样

clear form

这里主要的是reload()方法。实际上还有很多内容,建议参考,我下面给出的连接。哪儿有你想知道的一切内容。

* 多度空间 -------- Frame(框架)

也许,这个时候,你更想体验一下,多度空间的历险.是个好注意,而且并不冒险.也有人把它比喻成野餐拼盘.也许,你既希望一边查看CSDN的栏目,又想看看yahoo的新闻,那么,你完全可以这样:

一切都是那样的轻松.不是吗,没有什么可以阻止你在家里享受网络带来的快感,当然,你可以用这些来钓MM,如果你MM,我想当在有男生象你炫耀的时候,你可以对他说,”嘿走远点,这些我也会.”哈哈….好了,再见了,各位,下次见.

参考资料如下:

http://wp.netscape.com/eng/mozilla/3.0/handbook/javascript/

http://www.microsoft.com/china/msdn/library/

</td> </tr> <tr> <td vAlign=top align=left height="100%">
↑返回目录
前一篇: JavaScript 基础教程
后一篇: JavaScript 实现日历式日期选择