返回顶部

编辑

javascript

javascript是在浏览器中执行的动态脚本语言,主要作用是增强交互和用户体验效果。
别名: js , ECMAScript

JavaScript是一种能让你的网页更加生动活泼的程式语言,也是目前网页中设计中最容易学又最方便的语言。你可以利用JavaScript轻易的做出亲切的欢迎讯息、漂亮的数字钟、有广告效果的跑马灯及简易的选举,还可以显示浏览器停留的时间。让这些特殊效果提高网页的可观性。

大概在1992年,一家称作Nombas的公司开始开发一种叫做C减减(C-minus-minus,简称Cmm)的嵌入式脚本语言。这个脚本语言捆绑在一个叫做CEnvi的共享软件产品中,当NetscapeNavigator崭露头角时,Nombas开发了一个可以嵌入网页中的CEnvi的版本。这些早期的试验称为EspressoPage(浓咖啡般的页面),它们代表了第一个在万维网上使用的客户端脚本语言。而Nombas丝毫没有料到它的理念将会成为因特网的一块重要基石。

在这里只作简单介绍,在以后的例子中结程序再作具体解释其作用。 1.运算符 运算符就是完成操作的一系列符号,它有七类: 赋值运算符、算术运算符、比较运算符、逻辑运算符、条件运算、位操作运算符和字符串运算符。 2.表达式 运算符和操作数的组合称为表达式,通常分为四类:赋值表达式、算术表达式、布尔表达式和字符串表达式。 3.语句 Javascript程序是由若干语句组成的,语句是编写程序的指令。Javascript提供了完整的基本编程语句,它们是: 赋值语句、switch选择语句、while循环语句、for循环语句、dowhile循环语句、break循环终止语句和continue循环中断语句。

4.函数 函数是命名的语句段,这个语句段可以被当作一个整体来引用和执行。使用函数要注意以下几点: 1)函数由关键字function定义; 2)函数必须先定义后使用,否则将出错; 3)函数名是调用函数时引用的名称,它对大小写是敏感的,调用函数时不可写错函数名; 4)参数是传递给函数使用或操作的值或对象,它可以是常量,也可以是变量,也可以是类的对象; 5)return语句用于返回函数或表达式的值,当函数返回值类型不为空时,必须有,如果返回值类型为空,没有return项。 5.对象 Javascript的一个重要功能就是基于对象的功能,通过基于对象的程序设计,可以用更直观、模块化和可重复使用的方式进行程序开发。 一组包含数据的属性和对属性中包含数据进行操作的方法,称为对象。比如要设定网页的背景颜色,所针对的对象就是document,所用的属性名是bgcolor,如document.bgcolor="blue",就是表示使背景的颜色为蓝色。 6.事件 用户与网页交互时产生的操作,称为事件。绝大部分事件都是用户的动作所引发,如:用户按鼠标的按键,就产生onclick事件,若鼠标的指针在链接上移动,就产生onmouseover事件等等。在Javascript中,事件与事件处理程序配套使用。 7.变量 如varmyVariable="somevalue";

ECMAScript

JavaScript的正式名称是"ECMAScript"。这个标准由ECMA组织发展和维护。

ECMA-262是正式的JavaScript标准。这个标准基于JavaScript(Netscape)和JScript(Microsoft)。

Netscape(Navigator2.0)的BrendanEich发明了这门语言,从1996年开始,已经出现在所有的Netscape和Microsoft浏览器中。

ECMA-262的开发始于1996年,在1997年7月,ECMA会员大会采纳了它的首个版本。

在1998年,该标准成为了国际ISO标准(ISO/IEC16262)。

这个标准仍然处于发展之中。

与jsp的区别

jsp语言是为了辅助Java的网页程式方面的设计,LiveScript语言是JavaScript语言的前身,JavaScript刚开始只是应用在Netscape浏览器。

与java的区别

在概念和设计方面,Java和JavaScript是两种完全不同的语言。

Java(由sun开发)很强大,同时也是更复杂的编程语言,就像同级别的C和C++。[1]

  1. 是一种动态、弱类型、基于原型的语言,通过浏览器可以直接执行;而Java是面向对象的编程语言,必须先进行编绎和连接等动作才可执行。
  2. JavaScript编写在HTML文件中,直接查看网页的原始码,就可以看到JavaScript程式,所以没有保护,任何人都可以透过HTML文件复制程式;而Java应用在网页的程式称为JavaApplet(Applet是[小程序]的意思),是和HTML文件分开的。
  3. JavaScript的结构较为自由松散,而Java和正统的编程语言一样,结构较为严谨。
  4. JavaScript不具有读写档案及网络控制等功能,Java则提供了这些功能,但是JavaScript在网页内容的控制和互动性方面,比较方便快捷的。
  5. javascript多运行于客户端,而java多运行于服务器端。

什么是JavaScript?

JavaScript被设计用来向HTML页面添加交互行为。 JavaScript是一种脚本语言(脚本语言是一种轻量级的编程语言)。 JavaScript由数行可执行计算机代码组成。 JavaScript通常被直接嵌入HTML页面。 JavaScript是一种解释性语言(就是说,代码执行不进行预编译)。 所有的人无需购买许可证均可使用JavaScript。

JavaScript能做什么?

在数百万张页面中,JavaScript被用来改进设计、验证表单、检测浏览器、创建cookies,等等等等。

JavaScript是因特网上最流行的脚本语言,并且可在所有主要的浏览器中运行,比方说InternetExplorer、Mozilla、Firefox、Netscape、和Opera。

JavaScript为HTML设计师提供了一种编程工具

HTML创作者往往都不是程序员,但是JavaScript却是一种只拥有极其简单的语法的脚本语言!

几乎每个人都有能力将短小的代码片断放入他们的HTML页面当中。

JavaScript可以将动态的文本放入HTML页面类似于这样的一段JavaScript声明可以将一段可变的文本放入HTML页面:document.write("<h1>"+name+"</h1>")

JavaScript可以对事件作出响应。

可以将JavaScript设置为当某事件发生时才会被执行,例如页面载入完成或者当用户点击某个HTML元素时。

JavaScript可以读写HTML元素JavaScript可以读取及改变HTML元素的内容。

JavaScript可被用来验证数据在数据被提交到服务器之前,JavaScript可被用来验证这些数据。

JavaScript可被用来检测访问者的浏览器

JavaScript可被用来检测访问者的浏览器,并根据所检测到的浏览器,为这个浏览器载入相应的页面。

JavaScript可被用来创建cookies

JavaScript可被用来存储和取回位于访问者的计算机中的信息。

JavaScript的功能

显示信息提示,许多网站在你一连上时,画面上会先出现一个欢迎讯息对话盒,不但和你打招呼,还会发布一些重要讯息。

举例:

<html>
<head>
<scripttype="text/javascript">
functiongetCookie(c_name)
{
if(document.cookie.length>0)
{
c_start=document.cookie.indexOf(c_name+"=")
if(c_start!=-1)
{
c_start=c_start+c_name.length+1
c_end=document.cookie.indexOf(";",c_start)
if(c_end==-1)c_end=document.cookie.length
returnunescape(document.cookie.substring(c_start,c_end))
}
}
return""
}
functionsetCookie(c_name,value,expiredays)
{
varexdate=newDate()
exdate.setDate(exdate.getDate()+expiredays)
document.cookie=c_name+"="+escape(value)+
((expiredays==null)?"":";expires="+exdate.toGMTString())
}
functioncheckCookie()
{
username=getCookie('username')
if(username!=null&&username!="")
{alert('Welcomeagain'+username+'!')}
else
{
username=prompt('Pleaseenteryourname:',"")
if(username!=null&&username!="")
{
setCookie('username',username,365)
}
}
}
</script>
</head>
<bodyonLoad="checkCookie()">
</body>
</html>
  1. 显示日期时间

某些网页会显示目前的日期和时间,可能你会觉得有点神奇,怎么浏览器会知道目前的时间呢?这也是JavaScript提供的功能,它可以侦测你的电脑目前的时间,并且显示在网页中。

  1. 显示更新日期

许多网页会公告最新更新日期让大家知道,JavaScript可以自动侦测网页修改的日期,让你省去在每次修改网页时就得修改日期的动作。

  1. 跑马灯文字

让你可以方便显示较长的讯息,又不占去大块的版面空间。

  1. 按钮变化效果

当你移动滑鼠游到左边的按钮上时,按钮便会变成色,在浏览器下方状态列上也会显示出相关文字,这也是利用JavaScript制作的动态效果。

  1. js跳转页面方法

按钮式:

<INPUTname="pclog"type="button"value="GO"onClick="location.href='website'">

链接式:

<ahref="javascript:history.go(-1)">返回上一步</a>
<ahref="<%=Request.ServerVariables("HTTP_REFERER")%>">返回上一步</a>

直接跳转式:

<script>window.location.href='website';</script>
  1. 有时候会用到鼠标滚轮事件,事实上用滚动鼠标滚轮操作某些类似需要拉动滚动条才能查看的内容时确实很便利。这款jQuery Mouse Wheel Plugin插件(地址:http://brandonaaron.net)能够绑定任何元素,比如某个层。 [代码片段(79行)] 使用方法也相当简单: 有2种绑定该事件的方式,1、利用插件自身的mousewheel()方法,2、jquery的 ...查看
  2. ##jquery判断checkbox是否选中 有几种方法可以判断checkbox是否选中,比如is方法,attr方法或者prop方法,如下js代码 ```javascript $('input[name=test]').is(':ch ...查看
  3. [代码片段(369行)] ...查看
  4. 它是一个内置对象——而不是其它对象的属性,允许用户执行各种使用日期和时间的过程。  方法:分为得到时间方法、设置时间方法和转换时间方法 得到时间方法:   getDate() 查看Date对象并返回日期   getDay() 返回星期几   getHours() 返回小时数   getMinutes() 返回分钟数   getMonth() 返回月份值   ge ...查看
  5. [代码片段(3行)] ...查看
  6. 宽度是一定的高度不定的瀑布流布局 也可以说是无缝拼图 当浏览器滚动到底部时候自动加载图片 加载的图片地址用json 在img.js里 ,还有正在加载动画是用 css3制作的 在ff等支持css3可以显示 你如果想全面支持浏览器可以用gif动画 代码里有详细解释就不多说了 [代码片段(140行)] ...查看
  7. 2014-11-28 14:26:36使JS的is_json()函数最小 by OneThin
    [代码片段(13行)] ...查看
  8. 表单 <form id="myform" action="someUrl.php" method="get"> <input name="username" /> <!-- some more form fields --> <input id="submit" type="submit" /> </form> [代码片段(4行)] ...查看
  9. [代码片段(23行)] ...查看
  10. [代码片段(15行)] ...查看
  11. [代码片段(5行)] ...查看
  12. [代码片段(8行)] ...查看
更多