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

posted @ 2011-08-26 23:54  compulsive  阅读(1168)  评论(0编辑  收藏  举报