Rails中JavaScript的使用

來源:互聯網
上載者:User

    這幾天學習Redmine的原始碼,除了最基本的MVC結構之外,發現很多前端的代碼都是用JavaScript寫的,用於更好的實現使用者互動部分。簡單的看了一下這門指令碼語言,應該說不是很難,但是由於對網頁編程的陌生,代碼看起來還是很費勁,今天學習了一下基礎的部分,在這裡記錄一下。

    JavaScript是目前Web應用程式開發人員使用最為廣泛的用戶端指令碼程式設計語言,它不僅可用來開發互動Web頁面,更重要的是它將HTML、XML和Java Applet、Flash等功能強大的Web對象有機結合起來,使開發人員能夠快速產生Internet上使用的分布式應用程式。JavaScript指令碼已經成為了Web應用程式開發中一門必需掌握的語言,也成為了用戶端指令碼的首選。

    在codecademy學習了一下JavaScript基礎,然後還在網上看了一些資料,整理幾段簡單的代碼如下:

    1、查看瀏覽器資訊

<html><body><script type="text/javascript">var x = navigator;document.write("CodeName=" + x.appCodeName);document.write("<br />");document.write("MinorVersion=" + x.appMinorVersion);document.write("<br />");document.write("Name=" + x.appName);document.write("<br />");document.write("Version=" + x.appVersion);document.write("<br />");document.write("CookieEnabled=" + x.cookieEnabled);document.write("<br />");document.write("CPUClass=" + x.cpuClass);document.write("<br />");document.write("OnLine=" + x.onLine);document.write("<br />");document.write("Platform=" + x.platform);document.write("<br />");document.write("UA=" + x.userAgent);document.write("<br />");document.write("BrowserLanguage=" + x.browserLanguage);document.write("<br />");document.write("SystemLanguage=" + x.systemLanguage);document.write("<br />");document.write("UserLanguage=" + x.userLanguage);</script></body></html>

    輸出如下:

CodeName=Mozilla
MinorVersion=undefined
Name=Netscape
Version=5.0 (Windows NT 5.1) AppleWebKit/535.1 (KHTML, like Gecko) Chrome/14.0.835.8 Safari/535.1
CookieEnabled=true
CPUClass=undefined
OnLine=true
Platform=Win32
UA=Mozilla/5.0 (Windows NT 5.1) AppleWebKit/535.1 (KHTML, like Gecko) Chrome/14.0.835.8 Safari/535.1
BrowserLanguage=undefined
SystemLanguage=undefined
UserLanguage=undefined

    2、簡單的計時

<html><head><script type="text/javascript">function timedMsg(){var t=setTimeout("alert('5 秒!')",5000)}</script></head><body><form><input type="button" value="顯示定時的警告框" onClick = "timedMsg()"></form><p>請點擊上面的按鈕。警告框會在 5 秒後顯示。</p></body></html>

  

    輸出為一個按鈕,點擊5秒後會彈出一個框。

    3、使用Date()方法返回今天的日期和時間

<html><body><script type="text/javascript">document.write(Date())</script></body></html>

  

    輸出如下:

Sat Aug 27 2011 00:10:06 GMT+0800 (中國標準時間)

    對JavaScript的學習從今天開始,主要是為了完成這次redmine的任務,希望以後有機會可以多多學習一下這門有趣的語言。

相關文章

Alibaba Cloud 10 Year Anniversary

With You, We are Shaping a Digital World, 2009-2019

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。