📄 wap初级教程(6)—事件event.htm
字号:
size=3><STRONG>WAP初级教程(6)—事件EVENT</STRONG></FONT></DIV></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD style="BORDER-BOTTOM: #cccccc 1px solid" align=middle height=25>
<DIV align=right>浏览字号:【<A href="javascript:doZoom(16,19)">大</A> <A
href="javascript:doZoom(14,17)">中</A> <A
href="javascript:doZoom(12,15)">小</A>】【<A
href="javascript:window.print()">打印</A>】【<A
href="javascript:window.close()">关闭窗口</A>】 </DIV></TD></TR>
<TR>
<TD vAlign=top align=middle height=80><FONT
color=#999999>日期：2004-08-02 人气：
<SCRIPT language=javascript
src="WAP初级教程(6)—事件EVENT.files/Read.php"></SCRIPT>
出处： </FONT><BR>
<TABLE borderColor=#ffffff cellSpacing=1 cellPadding=0 width=468
align=center border=0>
<TBODY>
<TR>
<TD>
<SCRIPT language=javascript
src="WAP初级教程(6)—事件EVENT.files/Banner_4.Js"></SCRIPT>
</TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD class=article id=Zoom>
<TABLE class=bfont cellSpacing=2 cellPadding=2 width="92%"
align=center border=0>
<TBODY>
<TR>
<TD height=25>
<DIV align=center><SPAN style="LETTER-SPACING: 2pt"><FONT
color=#0066cc><B><FONT color=#00822b><A
name=6></A></FONT></B><FONT color=#00822b><FONT
color=#ff3300><SPAN style="LETTER-SPACING: 2pt"><FONT
color=#0066cc><FONT color=#00822b><FONT color=#ff3300>事件 <FONT
face="Verdana, Arial, Helvetica, sans-serif">(EVENT)</FONT></FONT></FONT></FONT></SPAN></FONT></FONT></FONT></SPAN></DIV></TD></TR>
<TR vAlign=top>
<TD height=1021>
<TABLE class=bfont cellSpacing=0 borderColorDark=#ffffff
cellPadding=3 width="100%" borderColorLight=#808080
border=1><TBODY>
<TR>
<TD width="24%">· <A
href="http://www.7880.com/Info/Article-14f80ac0.html#1"><FONT
face="Verdana, Arial, Helvetica, sans-serif"
color=#000000><anchor></FONT><FONT color=#000000>
链接</FONT></A></TD>
<TD width="27%">· <A
href="http://www.7880.com/Info/Article-14f80ac0.html#2"><FONT
face="Verdana, Arial, Helvetica, sans-serif"
color=#000000><onevent></FONT><FONT color=#000000>
固有事件</FONT></A></TD>
<TD width="22%">· <A
href="http://www.7880.com/Info/Article-14f80ac0.html#3"><FONT
face="Verdana, Arial, Helvetica, sans-serif"
color=#000000><timer></FONT><FONT color=#000000>
计时器</FONT></A> </TD>
<TD width="27%">· <A
href="http://www.7880.com/Info/Article-14f80ac0.html#4"><FONT
face="Verdana, Arial, Helvetica, sans-serif"
color=#000000><do></FONT><FONT color=#000000>
用户触发事件</FONT></A></TD></TR>
<TR>
<TD width="24%">· <A
href="http://www.7880.com/Info/Article-14f80ac0.html#5"><FONT
face="Verdana, Arial, Helvetica, sans-serif"
color=#000000>DECK</FONT><FONT
color=#000000>级事件</FONT></A></TD>
<TD width="27%"> </TD>
<TD width="22%"> </TD>
<TD width="27%"> </TD></TR></TBODY></TABLE>
<P>任务不能在真空中生存，它们必须绑定倒某个事件上才能做一些有用的事情。事件发生--〉任务执行，这才是完整的进程控制。</P>
<P>有4个元素可以帮助你完成事件对任务的绑定：<anchor>、<onevent>、<timer>和<do>。</P><B><FONT
face="Verdana, Arial, Helvetica, sans-serif"
color=#1120d9><anchor></FONT><FONT color=#3763d7>
</FONT></B><FONT color=#3763d7><FONT
color=#1120d9>链接</FONT></FONT><FONT color=#ff3399><FONT
color=#000000><A
name=1></A></FONT></FONT><BR>象HTML一样，WML也可以定义到其他程序的链接。在HTML中，链接通常用下划线和特殊颜色的方式表示跟其他内容的区别。在WAP终端上则没有严格的规则说如何表示一个链接，一般采用反白的显示方式。
<P><anchor>的语法如下：</P>
<TABLE class=font cellSpacing=0 cellPadding=0 width="100%"
border=0>
<TBODY>
<TR bgColor=#eeeeee>
<TD height=64><anchor<BR> title="STRING" <BR>
xml:lang="STRING" <BR>> <BR> <br>, <go>,
<img>, <prev>, <refresh>, TEXT
<BR></anchor></TD></TR></TBODY></TABLE>
<P>title：链接的标题；<BR>xml:lang：语言编码。</P>
<P>在这种定义方式中，实际上链接一般是通过<anchor>中包括的<go>元素完成的。比如下面的例子定义了2个CARD，点击第一个CARD里的“click
me”链接会跳转到第2个CARD： </P>
<TABLE class=font cellSpacing=0 cellPadding=0 width="100%"
border=0>
<TBODY>
<TR bgColor=#eeeeee>
<TD class=size height=19><?xml version="1.0"?>
<BR><!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML
1.1//EN" <BR> "http
://www.wapforum.com/DTD/wml_1.1.xml">
<BR><BR><wml> <BR><card id="Hello"
title="Hello"> <BR> <p>Hello, <BR>
<anchor>click me <BR> <go href="#bye"/>
<BR> </anchor> <BR> </p> <BR></card>
<BR><BR><card id="bye" title="Bye"> <BR>
<p>Bye, guys</p> <BR></card>
<BR></wml></TD></TR></TBODY></TABLE><BR>
<TABLE class=bfont cellSpacing=0 cellPadding=0 width="100%"
border=0>
<TBODY>
<TR>
<TD class=size colSpan=2 height=10>点击前显示：</TD>
<TD class=size width="38%" height=10>点击后显示：</TD></TR>
<TR>
<TD class=size vAlign=top colSpan=2 height=36>
<TABLE class=font cellSpacing=0 cellPadding=0
width=150><TBODY>
<TR bgColor=#d9ecff>
<TD height=80>------- Hello -------
<BR>Hello,<BR><BR></TD></TR></TBODY></TABLE></TD>
<TD class=size vAlign=top width="38%" height=36>
<TABLE class=font cellSpacing=0 cellPadding=0
width=150><TBODY>
<TR bgColor=#d9ecff>
<TD height=79>-------- bye --------<BR>Bye, guys
<BR><BR></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<P>链接还有一种短格式，语法如下： <BR></P>
<TABLE class=font cellSpacing=0 cellPadding=0 width="100%"
border=0>
<TBODY>
<TR bgColor=#eeeeee>
<TD><a <BR> href="STRING" <BR> title="STRING"
<BR> xml:lang="STRING" <BR>> <BR> <br>,
<img>, TEXT <BR></a></TD></TR></TBODY></TABLE>
<P>除了跟原来一样的两个属性以外，多了href属性，可以对它直接指定URL。例如下面的例子定义了一个带有图像的链接：
<BR></P>
<TABLE class=font cellSpacing=0 cellPadding=0 width="100%"
border=0>
<TBODY>
<TR bgColor=#eeeeee>
<TD><a title="HotBars"
href="wap.hucn.com/HotBars.wml"> <BR> <img
src="hot.wbmp" alt="Hot Bars" />
<BR></a></TD></TR></TBODY></TABLE>
<P>除了跟原来一样的两个属性以外，多了href属性，可以对它直接指定URL。<BR><BR><FONT
face="Verdana, Arial, Helvetica, sans-serif"
color=#1120d9><B><onevent></B></FONT><FONT
color=#1120d9> 固有事件</FONT><B> </B><FONT color=#000000><A
href="http://www.7880.com/Info/Article-14f80ac0.html#6"><FONT
face="Verdana, Arial, Helvetica, sans-serif"
color=#999999>[TOP]</FONT></A><A
name=2></A></FONT><BR>WML定义了4种由用户终端触发的固有事件： </P>
<P>oneventforward：当用户被<go>任务或其他机制（如一个SCRIPT过程）引导到一个CARD时触发；<BR>oneventbackward：当用回被<prev>或其他机制（如在设备上按BACK按钮）引导到一个CARD时触发；<BR>ontimer：当TIMER计时结束时触发。定义TIMER计时器可以使用<timer>元素，见下一节；<BR>onpick：当用户按下一个<option>选项时触发（可以是选中或取消选择）。</P>
<P>把这些事件绑定到一个任务要使用<onevent>元素，它的语法如下： </P>
<TABLE class=font cellSpacing=0 cellPadding=0 width="100%"
border=0>
<TBODY>
<TR bgColor=#eeeeee>
<TD height=21><onevent <BR> type="oneventforward |
oneventbackward | ontimer | onpick" <BR>> <BR>
<go>, <noop>, <prev>, <refresh>
<BR></onevent></TD></TR></TBODY></TABLE>
<P>下面的例子演示了如何使用固有事件在CARD调入时清空变量。<BR></P>
<TABLE class=font cellSpacing=0 cellPadding=0 width="100%"
border=0>
<TBODY>
<TR bgColor=#eeeeee>
<TD><?xml version="1.0"?> <BR><!DOCTYPE wml
PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"
<BR> "http://www.wapforum.org/DTD/wml_1.1.xml">
<BR><BR><wml> <BR><card id="card1"> <BR>
<onevent type="oneventforward">
<BR> <refresh> <BR> <setvar name="firstname"
value=""/> <BR> <setvar name="lastname"
value=""/> <BR> </refresh> <BR>
</onevent> <BR> <p> <BR> You have no
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -