javascripte16

最新推荐文章于 2025-03-31 18:16:26 发布

最新推荐文章于 2025-03-31 18:16:26 发布 · 378 阅读

文章标签：

#Google #Yahoo

本文通过多个实例介绍了JavaScript的基础用法，包括电子邮件格式验证、字符串操作、数组处理及随机数生成等，帮助初学者快速掌握JavaScript编程技巧。

請輸入你的 EMail 位址：<o:p></o:p>

</form><o:p></o:p>

範例五 – 格式檢查<o:p></o:p>

function isEmail(form) {<o:p></o:p>

if (form.text1.value == "")<o:p></o:p>

alert("請填寫你的電子郵件地址。");<o:p></o:p>

else if (form.text1.value.indexOf("@") == -1)<o:p></o:p>

alert("沒有\"@\"符號，不算電子郵件地址。");<o:p></o:p>

else<o:p></o:p>

alert("檢查完成！");<o:p></o:p>

}<o:p></o:p>

</Script><o:p></o:p>

請輸入你的 EMail 位址：<o:p></o:p>

</form><o:p></o:p>

範例六 – 格式檢查<o:p></o:p>

<o:p> </o:p>

var str = "Hubert Yang";<o:p></o:p>

var strarray = str.split(" ");<o:p></o:p>

alert(strarray[0] + ", 你好");<o:p></o:p>

<o:p></o:p>

</script><o:p></o:p>

範例七 – 字串切離<o:p></o:p>

var str = "0123456789";<o:p></o:p>

document.write(str, "<br>");<o:p></o:p>

document.write("擷取第3至第8個字");<o:p></o:p>

document.write(str.slice(2, 8), "<br>");<o:p></o:p>

document.write("擷取第3至後面算來第3個字");<o:p></o:p>

document.write(str.slice(2, -2));<o:p></o:p>

</script><o:p></o:p>

範例八 – 擷取子字串<o:p></o:p>

var hotText1 = "YAHOO! KIMO";<o:p></o:p>

var hotText2 = "Google";<o:p></o:p>

var url1 = "http://tw.yahoo.com/";<o:p></o:p>

var url2 = "http://www.google.com/";<o:p></o:p>

var num = Math.random();<o:p></o:p>

var whichone = Math.floor(num * 100) % 2;<o:p></o:p>

if (whichone==0)<o:p></o:p>

document.write(hotText1.link(url1));<o:p></o:p>

else<o:p></o:p>

document.write(hotText2.link(url2));<o:p></o:p>

</script><o:p></o:p>

範例九 – 隨機超連結<o:p></o:p>

var str1 = "Hello!";<o:p></o:p>

var str2 = " I am";<o:p></o:p>

var str3 = " Hubert.";<o:p></o:p>

var str4 = str1.concat(str2, str3);<o:p></o:p>

document.write(str4);<o:p></o:p>

</script><o:p></o:p>

範例十 – 字串的結合<o:p></o:p>

luckynumber = new Array();<o:p></o:p>

for (var i=0; i<6; i++){<o:p></o:p>

newnumber = Math.round(Math.random()*42 + 1);<o:p></o:p>

//個位數前面補0;<o:p></o:p>

newnumber = (newnumber.toString().length==1)? <o:p></o:p>

"0"+newnumber : newnumber;<o:p></o:p>

//數字不得重複出現;<o:p></o:p>

if (luckynumber.join().indexOf(newnumber)==-1)<o:p></o:p>

luckynumber[i] = newnumber;<o:p></o:p>

else<o:p></o:p>

i--;<o:p></o:p>

}<o:p></o:p>

document.write(luckynumber.join());<o:p></o:p>

</script><o:p></o:p>

範例十一 – 產生樂透數字<o:p></o:p>

依下列要求修改前例的輸出結果：<o:p></o:p>

<o:p> </o:p>

1.以中文字方式表達<o:p></o:p>

ex.今天是<st1:chsdate w:st="on" isrocdate="False" year="2007" day="1" islunardate="False" month="5">五月一日</st1:chsdate>星期日。<o:p></o:p>

2.修飾輸出入畫面 (Lay out)。<o:p></o:p>

練習2-4<o:p></o:p>

內建函數<o:p></o:p>

isNaN()<o:p></o:p>

Number()<o:p></o:p>

parseInt()<o:p></o:p>

parseFloat()<o:p></o:p>

escape()<o:p></o:p>

Unescape()<o:p></o:p>