Rails中JavaScript的使用
这几天学习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的任务,希望以后有机会可以多多学习一下这门有趣的语言。