本文通过具体示例展示了如何使用HTML标签与JavaScript事件处理程序进行交互，包括改变文本颜色、大小及页面跳转等操作。此外，还介绍了表单中重置与提交按钮的事件触发机制。
相關物件：<o:p></o:p>
<o:p> </o:p>
所有 HTML 標籤均可。<o:p></o:p>
onDblClick<o:p></o:p>
啟動<o:p></o:p>
<H2><o:p></o:p>
<font face="arial"<o:p></o:p>
onMouseOver=this.color='red' <o:p></o:p>
onMouseOut=this.color='black'<o:p></o:p>
onClick=location="http://www.seed.net.tw"<o:p></o:p>
>Seednet</font><br><o:p></o:p>
<o:p> </o:p>
<font face="arial"<o:p></o:p>
onMouseOver=this.color='red' <o:p></o:p>
onMouseOut=this.color='black'<o:p></o:p>
onClick=location="http://www.hinet.net"<o:p></o:p>
>Hinet</font><o:p></o:p>
</H2><o:p></o:p>
範例九 – 文字超連結法<o:p></o:p>
<Script><o:p></o:p>
function font1(x){<o:p></o:p>
x.face = "arial black"<o:p></o:p>
x.size = "4"<o:p></o:p>
}<o:p></o:p>
<o:p> </o:p>
function font2(x){<o:p></o:p>
x.face = "arial"<o:p></o:p>
x.size = "3"<o:p></o:p>
}<o:p></o:p>
</Script><o:p></o:p>
<o:p> </o:p>
… 接下頁 …<o:p></o:p>
範例十 – 文字超連結法<o:p></o:p>
… 接上頁 …<o:p></o:p>
<o:p> </o:p>
<font face="arial"<o:p></o:p>
onMouseOver=font1(this) <o:p></o:p>
onMouseOut=font2(this)<o:p></o:p>
onClick=location="http://www.seed.net.tw"<o:p></o:p>
>Seednet</font><br><o:p></o:p>
<o:p> </o:p>
<font face="arial"<o:p></o:p>
onMouseOver=font1(this) <o:p></o:p>
onMouseOut=font2(this)<o:p></o:p>
onClick=location="http://www.hinet.net"<o:p></o:p>
>Hinet</font><o:p></o:p>
<o:p> </o:p>
範例十 – 文字超連結法 (續)<o:p></o:p>
按下重置(reset)鈕時。 <o:p></o:p>
onReset<o:p></o:p>
啟動<o:p></o:p>
相關物件：form<o:p></o:p>
按下傳送(submit)鈕時。 <o:p></o:p>
onSubmit<o:p></o:p>
啟動<o:p></o:p>
相關物件：form<o:p></o:p>
<Html><o:p></o:p>
<Body><o:p></o:p>
<o:p> </o:p>
<Form onReset ="alert('你按了Reset')"<o:p></o:p>
onSubmit="alert('你按了Submit')"><o:p></o:p>
<input type=reset><o:p></o:p>
<input type=submit><o:p></o:p>
<input type=button value="按鈕" onClick="alert('你按了button')"><o:p></o:p>
<o:p> </o:p>
</Form><o:p></o:p>
</Body><o:p></o:p>
</Html><o:p></o:p>
事件處理程序 - 範例十一<o:p></o:p>
<SCRIPT><o:p></o:p>
function mOver() {<o:p></o:p>
document.all.tags("FONT").item(0).style.color = "red"<o:p></o:p>
}<o:p></o:p>
function mOut() {<o:p></o:p>
document.all.tags("FONT").item(0).style.color = "black"<o:p></o:p>
}<o:p></o:p>
</SCRIPT><o:p></o:p>
<o:p> </o:p>
<FONT onMouseOver="mOver()" onMouseOut="mOut()"><o:p></o:p>
JavaScript</FONT><o:p></o:p>
<FONT onMouseOver="mOver()" onMouseOut="mOut()"><o:p></o:p>
HUBERT</FONT><o:p></o:p>
事件處理程序 – 控制CSS<o:p></o:p>
<SCRIPT><o:p></o:p>
function mOver() {<o:p></o:p>
document.all("a").style.color = "red"<o:p></o:p>
}<o:p></o:p>
function mOut() {<o:p></o:p>
扫一扫
67
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
