您的位置：首页 > Web前端 > JavaScript

Codeproject—JavaScript For Beginners(4) Event handler_Link_Date

2005-01-10 14:19 375 查看

Event handler(事件句柄)

什么是事件句柄?它被定义为当一些事件发生市触发JavaScript的执行.像点击,在一个连接上滑动鼠标,提交一个表单等等.

onClick

onClick 句柄执行一些事情在用户在按钮,连接标签上点击.让我们看看例子:

<script>

function ss()

{

alert("Thank you!")

}

</script>

<form>

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

</form>

当用户点击按钮时.函数ss()被调用.注意:事件句柄不是写在<script>标记内部,而是插在html标记内部.

onLoad

Onload事件句柄被用在调用JavaScript在页面装载后:

<body onload="ss()">

<frameset onload="ss()">

<img src="whatever.gif" onload="ss()">

onMouseover,onMouseout

这两个句柄只用在连接标签上.

<a href="#" onMouseOver="document.write('Hi, nice to see you!">Over Here!</a>

<a href="#" onMouseOut="alert('Good try!')">Get Out Here!</a>

onUnload

onunload 执行JavaScript在当某人离开页面.例如感谢用户.

<body onunload="alert('Thank you for visiting us. See you soon')">

Handle multiple actions

怎样利用一个事件句柄调用多个函数和声明呢?这里是个例子.你只需像通常一样把函数插入到事件句柄中,但是用分号把他们分开就行了.

<form>

<input type="button" value="Click here!" onClick="alert('Thanks

for visiting my site!');window.location='http://www.yahoo.com'">

</form>

Link

通常,一个窗体可以被载入通过一个Link, 被申明为超文本链接的一片文本、一个图像或者图像的一个区域.

<a href="JavaScript:window.location.reload()">Click to reload!</a>

更多的例子:

<a href="#" onClick="alert('Hello, world!')">Click me to say Hello</a><br>

<a href="#" onMouseOver="location='main.htm'">Mouse over to see Main Page</a>

Date

让我们来看一个例子:

<HTML><HEAD><TITLE>Show

Date</TITLE></HEAD>

<BODY>

<SCRIPT LANGUAGE="JavaScript">

var x= new Date();

document.write (x);

</SCRIPT>

</BODY></HTML>

为了激活一个Date对象,你可以这样做: var x=new Date().只要你想建立一个Date对象的实例,用这个关键字,在new后面加上对象名称().

Dynamically display different pages(动态显示不同的页面)

You can display different pages according to the different time. Here is an example:

你可以显示不同的页面在不同的时间,这里有一个例子:

var banTime= new Date()

var ss=banTime.getHours()

if (ss<=12)

document.write("<img src='banner1.gif'>")

else

document.write("<img src='banner2.gif'>")

时间对象
方法:
getDate getTime getTimezoneOffset	getDay getMonth getYear	getSeconds getMinutes getHours

JavaScript For Beginners

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航