Rails中JavaScript的使用

最後更新：2018-12-07 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

這幾天學習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的任務，希望以後有機會可以多多學習一下這門有趣的語言。

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More