JavaScript概述
Java,JavaScript,JScript 区别这三个语言分别是三个公司开发的,SUN的Java,Netscape的JavaScript,Microsoft的JScript JavaScript是由Netscape公司开发并随Navigator导航者一起发布的、介于Java与HTML之间、基于对象事件驱动的编程语言,不需要Java编译器,而是直接运行在Web浏览器中,它的前身是Live Script。 [@more@]JScript是一种类似JavaScript的语言。 Java是SUN公司推出的新一代面向对象的程序设计语言,特别适合于Internet应用程序开发,当然也可以开发其它的应用程序,以前在安装SYBASE和DB2的时候,我都注意都它们的安装程序好
数据类型及变量
JavaScript 数据类型数据类型:简单数据undefined,null,boolean,number,string五种,复杂数据类型只有一种object。[@more@]JavaScript代码只体现为一种形式:function,function就是函数的类型。当我们写下一个函数时,只不过是建立一个function类型的实体而已。任何一个JavaScript的标识、常量、变量和参数都只有unfined,null,bool,number,string,object和function类型中的一种,也就是typeof的返回值表明的类型,除此之外无其他类型。undefined:代表一节未知的事物 typeof(undefined)返回值为undefined 可以将undefined赋值给任何变量或
流程控制语句
JavaScript 运算符与流程控制语句 运算符 1、赋值运算符:=、+=、-=、*=、/=、%= 2、算术运算符:+、-、*、/、%、++、-- 3、字符串运算符:+、+= 4、比较运算符:==、!=、<、<=、>、>= 5、逻辑运算符:&&、||、! 6、位移运算符:<<、>>、>>>、~、&、|[@more@]7、特殊运算符: new : 创建对象(实例) this: 表示当前对象 this[.属性] delete: 删除一个对象的属性或者数组中特定位置的元素。 typeof:表明操作数是什么数据类型 void:操作符指定要计算一个表达式但是不返回值。 void 操作
函数Function
函数Function 1、概述:函数是完成特定任务的可重复调用的代码段,是JavaScript组织代码的单位 。 2、功能:将代码组织为可复用的单位,可以完成特定的任务并返回数据 [@more@]3、函数定义: 3.1、JavaScript的函数属于Function对象,因此可以使用Function对象的构造函数来创建一个函数 。 3.2、可以使用function关键字以普通的形式来定义一个函数 如: var say = Function([参数列表]){语句;[return 表达式]} //函数变量 function 函数名([参数列表]){语句;[return 表达式]} //普通函数 4、函数指针调用方式 回调 :
内置对象
内置对象是Math、Date、String、Array、Number、Boolean、Function、Global、Object、RegExp和Event对象。[@more@]1、Array对象view plaincopy to clipboardprint?<mce:script type="text/javascript"><!-- //1、数组对象的创建 //1)new Array([arrLength]) arrLength数组长度可选 var fruit=new Array(3); //定义并初始化数组长度为3 fruit[0]="苹果"; //给数组赋值 fruit[1]="梨子"; fruit[2]="香蕉"; var
JS面向对象
Javascript面向对象1、构造函数生成对象[@more@]<mce:script type="text/javascript"><!-- //定义一个类 Person ,function表示数据类型 function Person(name,sex){ //属性赋值 this.name = name; this.sex = sex; this.age = 18 ; //定义方法 this.say = function(){ document.write("<br/>"+this.name+" say hi!"); } } /*
DOM模型
DOM(文档对象模型)是HTML与XML的应用程序接口(API),DOM模型将整个文档规划成节点层次结构。[@more@]1、节点的层次DOM树(文档)的结构也就是节点(Node)的层次,DOM定义了Node的接口以及许多种节点类型来表示XML节点的多个方面1.Document ,最顶层的节点,所有的其他节点都是附属于它的2.DocumentType ,DTD引用的对象表现形式3.DocumentFragment ,可以像Document一样来保存其他节点4.Element ,标签节点5.Attr ,代表一对特性名和特性值,这种节点类型不能包括子节点6.Text,代表开始标签与结束标签之间的普通文本,不能包括子节点
Window对象
Window对象1、各种弹框[@more@]function openWindow(){ //打开普通窗口 var newWin = open("dom.html","newWin", "height=350,width=350,menubar=1,toolbar=1, location=1,status=1,scrollbars=1,resizeable=0"); alert("窗体已经打开了!"); newWin.close(); //关闭弹出的窗体 } function openDialogWindow(){ //打开模式窗口 showModalDialog("dom.html","","height=350px, width=350px,toolbars=0,menubars=0,scrollbars=0, resi
Document对象
文档对象Document代表当前的HTML对象,由body标签组成。[@more@]Javascript的document对象 对象属性: document.title //设置文档标题等价于HTML的<title>标签 document.bgColor //设置页面背景色 document.fgColor //设置前景色(文本颜色) document.linkColor //未点击过的链接颜色 document.alinkColor //激活链接(焦点在此链接上)的颜色 document.vlinkColor //已点击过的链接颜色 document.URL //设置URL属性从而在同一窗口打
Navigator对象
检测浏览器的版本、所支持的MIME类型、已安装的外挂程序(plug-in)。该对象包含两个子对象:外挂对象和MIME类型对象。 是Javascript中常用对象,可以实现与HTML文档进行交互,它将相关元素封装起来,从而使开发web应用程序变得更加方便。[@more@]1、Navigator对象属性 appCodeName 代码 appName 名称 appVersion 版本 language 语言 mimeType 以数组表示所支持的MIME类型 platform 编译浏览器的机器类型 plugins 以数组表示已安装的外挂程序 userAgent 用户代理程序的表头 2、plugin对象的属性 description 外挂程序模块的描述 filename
Screen对象
Screen对象描述屏幕的显示及颜色属性 属性: availHeight 屏幕区域的可用高度 availWidth 屏幕区域的可用宽度 colorDepth 颜色深度 height 屏幕区域的实际高度 width 屏幕区域的实际宽度[@more@]<mce:script type="text/javascript"><!-- with(document){ write("<br/>您的屏幕显示设定值如下:"); write("<br/>屏幕的实际高度为:"+screen.availHeight); write("<br/>屏幕的实际宽度为:"+screen.availWidth); write("<br/>屏
History对象
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>历史对象</title> <mce:script type="text/javascript"><!-- function myForward(){ //前进按钮事件 history.forward(); //history.go(-1); } [@more@] function myBack(){ //后退按钮事件 history.back(); //history.go(1); } function myLocation(){ //前进多少页 var iPage = parseInt(doc
Event对象
1、Netscape中使用event对象document.body[0].onclick = function(){ //这一句消除了Internet Explorer和Mozilla之间在事件参数方面的一部分差异 event = event||window.event; alert("当前鼠标指针的横坐标是:" + event.clientX);}[@more@]2、简单事件模型document.getElementById("btn1").onclick = function(event){ event = event || window.event;//在IE中,srcElement代表事件的触发者,而Mozilla的浏览器中相应的属性是target var target = event.srcElement || event.target; alert(target.innerHTML);}I
Cookie对象
Cookie对象Cookie技术是由Netscape公司最早开始使用,Cookie是由web服务器通过浏览器保存在客户端硬盘上的一个文本文件,这个文本文件包含所有的文本信息。 1)以键/值(key/value)形式存储信息 2)可以能过程序来调用,明文文本,没有任何加密,当然你在写入Cookie时可以采取一定的加密措施 3)保存路径:C:Documnets and setttingsusercookies文件夹下。 保存形式为:user@domain.txt[@more@]作用:由于http协议是无状态的协议,而Cookie可以解决浏览器用户与服务器之间的无状态通信,所以就出现了Cookie。 应用: 1)记录用户登录信息:
AJAX 应用
<script type="text/javascript"> function addUrl(){ //1、设置请求url地址 var name = document.getElementById("name").value; var text = document.getElementById("url").value; var url = "insertUrl.do?name="+name+ "&url="+text+"&time"+new Date() ; //2、创建xmlHttpRequest对象 xmlHttpRequest = createXmlHttpRequest(); //3、设置xmlHttpRequest对象的回调函数 xmlHttpRequest.o
子窗体与父窗体的通讯
父窗体与子窗体通讯A通过window.open()方式打开B,B如何在A的下拉列表框中增加一个选项???? window.opener.document.getElementbyId("select").options.add(new Option("display","value"))window.opener 返回的是对父窗体的一个引用,通过它可以控制父窗体,常见有:[@more@]1、设置父页面背景window.opener.document.body.backgroundColor = "red" ;2、刷新父页面window.opener.location.reload();3、设置父页面文本框的值window.opener.document.getElementById("txtUserName"
JS滚动代码
水平滚动[@more@] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>水平滚动,首尾相连(滚动区域小于两个内容宽度之和)</title> </head> <body style="text-align:center;" mce_style="text-align:center;"> <div id="marq" style="overflow:hidden;border:1px solid;" mce_style="overflow:hidden;border:1px solid;"> <table>
Form对象
表单对象,文档对象的子对象,Javascript的Runtime Engine自动为每个表单建立对应的表单对象属性: action 表单的动作 elements 以索引表示的所有表单元素 encoding MIME的类型 length 表单元素的个数 mehtod 方法 name 表单名称 target 目标方法: handleEvent(event) 使事件处理程序生效 reset() 重置 submit() 提交[@more@]1、文本对象访问:document.forms[索引].elements[索引].属性|方法 document.表单名称.文件本对象名称.属性|方法属性: defaultValue 该对象的value属性 form 该对象所在的表单名称 name 该对象的名称 type 该对
常用JS代码
<script type="text/javascript"> /* ****************************************** 获取文档元素 ****************************************** */ function $(id){ return document.getElementById(id) ; } [@more@]/* ****************************************** 检查用户是否输入数字 ascii码说明: 8:退格键 46:delete 37-40: 方向键 48-57:小键盘区的数字 96-105:主键盘区的数字 110、190:小键盘区和主键盘区的小数点 189、109:小键盘区和主