JavaScript 基礎教程(2) (轉)
* 礁石 ---------事件
大海真不錯,很美,海風吹浮著你的臉,感覺不錯吧.很浪漫是嗎?啊噢,天啊,發生了什麼?真不感相信.我鞋掉進了大海里.我發誓,我再也不會把鞋亂放了.把鞋亂放,你是說,你有一個放鞋的動作嗎?是的,是這樣的.噢,那就得了.聽著,你觸發了一個事件.什麼?我說你你觸發了一個事件.可是什麼是事件.噢天啊.就是:參考這篇http://www.csdn/develop/read_article.?id=16267,也是我寫的天氣預報呵呵….開個玩笑.事實上,當你把滑鼠按下,某一個物體的時候,就會觸發一個事件.象這樣.
function love()
{
alert("I love you baby! You’re my honey!")
}
:namespace prefix = o ns = "urn:schemas--com::office" />
把這段程式碼帖到你的頁面中去,然後點下.click here 看看會發生什麼?呵呵….希望你是個PLMM,哈哈… 如果,是男生,那就導胃口了.這裡在舉幾個其它事件的例子,如.onload 在載入的時候發生.如:
…..
當body載入的時候發生,還有比方滑鼠的停靠和移開等等.當然,一個的事件不會只做一件事情.例如,你可以象她表白,當然,還可以送上一速鮮花.等等.噢,等等,我們遇上礁石了.船顛簸的厲害,看樣子要找個地方靠岸…….
* 避難所 -------- Fo(表單)
啊,,,,不錯啊,我找到了一個避難所.這似乎有不少東西可以來利用.可以給我們的朋友發訊號.是嗎?等,他們來救我們,否則,我們只有等死了.
看見什麼了嗎?可以自己輸入,訊號然後給我們的朋友發.哈哈…也許,你還需要把你的詳細聯絡方式提供給你的朋友,如e 住址等等。那麼你可以這樣。
function chk()
{
var x=document.feeack.email.value
if (x.indexOf("@")==-1)
{
alert("It seems you entered an invalid email address.")
document.feedback.email.focus()
}
}
Email:
Comment:
看到這段程式碼,我們該注意些什麼。看看if 裡面,如果你的email欄目中沒有填寫‘@’那麼將會彈出一個警告,然後焦點又回到了EMAIL欄目中。焦點就是靠focus()這個來完成.好吧,讓我們看看可以從船上找點吃的東西嗎?由於害怕,有別的什麼生物闖進我們的船因此設定了密碼。所以你必須先登入。口令是:yarshray 密碼是:loveyarshray (嗨,你可別指望我傻到會把我的名和密碼帖出來。我可沒那麼笨。哈哈。。。。)
function checkLogin(x)
{
if ((x.id.value != "yarshray")||(x.pass.value !="loveyarshray"))
{
alert("Invalid Login");
return false;
}
else
location="";
}
試試看,如果輸入正確了口令和密碼,那麼你將可以訪問到yahoo.祝你好運。
* 傳送點 --------- Link(連線)
已經一個星期了,我想我有些絕望了.事實上,船上剩下的糧食不多了.我絕望的在海邊尋找著食物,可是奇蹟發生了.知道了我發現了什麼嗎?是傳送點.我想我可以回去了.呵呵….上天對我還真不錯.
第一連線,讓我們感謝上天,第二個讓我們可以回家.
* 日曆 --------- Date(日期)
回家以後我的第一件事情,那就翻日曆,我想知道,我究竟去了多少日子.
Date
var x= new Date();
document.write (x);
看見了,整整是一週.因為它顯示的是,現在的日期,那麼很容易推算,我失蹤的這段時間.在來看看,這個日曆可以提供我們些什麼.
getDate
getTime
getTimezoneOffset
getDay
getMonth
getYear
getSeconds
getMinutes
getHours
功能還挺全面,是嗎,真不錯.
* 傳送卷軸---------window(視窗)
這是一個比較有趣的論題。當你安坐在家裡,是否常常想,看看外面,看看新聞什麼的。那麼可以透過視窗。視窗物件,基本上就是你的。它的屬性和方法基本上就是在操作你的瀏覽器。基本的操作,如open就是在完成開啟操作,如同一個傳送卷軸一樣把我們帶到
任何想去的地方。如:
看上去象什麼?一個廣告是嗎?是的,很多網站就是這樣的。看上去真討厭。
Open有三個引數,第一個URL地址。第二個目標,第三個樣式。下面提供相關的樣式屬性。
width
height
toolbar
location
directories
status
scrollbars
resizable
menubar
如果,你想清空表單裡的內容,那麼你可以這樣
這裡主要的是reload()方法。實際上還有很多內容,建議參考,我下面給出的連線。哪兒有你想知道的一切內容。
* 多度空間 -------- Frame()
也許,這個時候,你更想體驗一下,多度空間的歷險.是個好注意,而且並不冒險.也有人把它比喻成野餐拼盤.也許,你既希望一邊檢視CSDN的欄目,又想看看yahoo的新聞,那麼,你完全可以這樣:
一切都是那樣的輕鬆.不是嗎,沒有什麼可以阻止你在家裡享受帶來的快感,當然,你可以用這些來釣MM,如果你MM,我想當在有男生象你炫耀的時候,你可以對他說,”嘿走遠點,這些我也會.”哈哈….好了,再見了,各位,下次見.
參考資料如下:
.com/eng//3.0/handbook/javascript/">
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/10752043/viewspace-993926/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- JavaScript 基礎教程 (轉)JavaScript
- JavaScript基礎2JavaScript
- 01JavaScript基礎教程JavaScript
- Go 基礎教程--2-基礎知識Go
- 《HTML5+JavaScript動畫基礎》——第2章 動畫的JavaScript基礎2.1動畫基礎HTMLJavaScript動畫
- Linux基礎系列教程(轉)Linux
- Gurobi基礎教程(Python版)-系列教程2Python
- 《HTTP/2 基礎教程》 閱讀摘要HTTP
- canvas動畫教程-2 基礎設施Canvas動畫
- 【轉】JavaScript物件的基礎知識JavaScript物件
- lua基礎教程(轉其他網站)網站
- 《HTTP/2 基礎教程》 讀書筆記HTTP筆記
- Javascript基礎:變數型別轉換JavaScript變數型別
- javascript基礎JavaScript
- 好書推薦——JavaScript基礎教程(第8版)JavaScript
- 79、 android基礎教程整理 (轉載)Android
- Fedora Core 4 基礎教程 集中帖(轉)
- javaScript學習基礎篇(2)(彈框,日期)JavaScript
- JavaScript基礎_2__第十三天JavaScript
- iptables基礎和應用(2)(轉)
- Java基礎教程(2)--Java開發環境Java開發環境
- Linux 基礎教程 30-tcpdump命令-2LinuxTCP
- [基礎] JavaScript 型別轉換及面試題JavaScript型別面試題
- Javascript基礎之-thisJavaScript
- JavaScript基礎原理JavaScript
- JavaScript基礎10JavaScript
- JavaScript基礎8JavaScript
- JavaScript Promise(基礎)JavaScriptPromise
- JavaScript基礎(一)JavaScript
- JavaScript基礎(二)JavaScript
- JavaScript基礎1JavaScript
- “笑”傲流媒體―SMIL基礎教程(轉)
- Linux基礎教程之命令的使用(轉)Linux
- 初識Linux教程:Linux基礎(轉)Linux
- JavaScript 基礎卷(一):基礎語法JavaScript
- 前端基礎入門四(JavaScript基礎)前端JavaScript
- Spring Boot 2.x基礎教程:使用MongoDBSpring BootMongoDB
- 《SQL基礎教程(第2版)》簡單筆記SQL筆記