通过代码实例跟我学JavaScript ——浏览器中的内置对象及应用实例(第1部分)

1.1浏览器中的内置对象及应用实例（第1部分）

1、浏览器的内部对象的层次关系

使用浏览器的内部对象系统, 可实现与HTML文档进行交互。它的作用是将浏览器窗口内的各个相关元素组织封装起来，提供给Web程序设计人员使用，从而减轻编程人的劳动，提高设计Web页面的能力。浏览器的内部对象的层次关系如下：

2、浏览器对象层次及其主要作用

（1）浏览器对象(navigator)

提供有关当前浏览器的环境信息（版本、厂家等信息），可以通过navigator.appName 成员属性获得浏览器的名称类型，代码如下：

if(navigator.appName =="Microsoft Internet Explorer"){

//使用IE

}

if(navigator.appName=="Netscape"){ //fireFox或者Google的浏览

}

browserVer = parseFloat(navigator.appVersion);

if(browserVer >= 6){

}

（2）窗口对象(window)

window对象处于浏览器对象层次的最顶端，它提供了处理浏览器窗口的各种成员方法和

属性，代表整个浏览器窗口。在window对象内又包括如下的各个子对象：

1)位置对象(location)：location对象提供了与当前打开的URL一起工作的方法和属性，

代表当前页面的URL，它是一个静态的对象（不需要创建出它就可以使用）。

2)历史对象(history)：history对象提供了与历史清单有关的信息，代表已经访问过的页

面URL。

3)文档对象(document)：document对象包含了与文档元素(elements)一起工作的对象，它

将这些元素封装起来供编程人员使用，代表当前页面的整个内容。

4)状态对象（status）：表示窗口状态栏中的临时信息。

3、浏览器对象(navigator)

（1）两个最重要的成员属性

navigator对象有两个最重要的成员属性：appName（代表浏览器的名称）和appVersion（代表浏览器的版本）。

（2）其它的成员属性

4、应用appName成员属性显示浏览器的厂商类型的代码示例

5、应用appVersion属性识别浏览器的版本类型的代码示例

（1）代码示例

（2）获得具体的版本号信息

由于调用appVersion 属性返回的不仅仅是一个版本号（请见上例执行的结果示图），要

把版本号从appVersion返回的字符串中取出来，需要调用内置的系统函数parseFloat()把一个字符串中第一个十进制数的内容提出来并返回。

特别注意! 对IE5.0或更高版本，这个版本号是错误的！微软在IE5.0和6.0的appVersion 字符串都是以4.0开头的!!!也就是JavaScript程序代码在 IE6、IE5 和 IE4 中的获得的版本号是相同的。因此，需要应用https://www.360docs.net/doc/ba1365789.html,erAgent识别各个具体的版本号。

6、综合应用识别浏览器的类型和版本的代码示例

7、也可以利用userAgent属性统一获得浏览器的厂商和版本等信息

（1）window.alert(https://www.360docs.net/doc/ba1365789.html,erAgent);执行后的结果

（2）动态获得浏览器的类型及相应的版本

var browserType=https://www.360docs.net/doc/ba1365789.html,erAgent;

if(browserType.indexOf("MSIE 6.0")> -1){

window.alert("你所用的浏览器为IE6!");

}

else if(browserType.indexOf("MSIE 7.0")> -1){ window.alert("你所用的浏览器为IE7!");

}

else if(browserType.indexOf("MSIE 8.0")> -1){ window.alert("你所用的浏览器为IE8!");

}

else if(browserType.indexOf("Firefox")> -1){ window.alert("你所用的浏览器为FireFox!"); }

（3）动态获得和识别当前浏览器的版本和类型的代码示例

上面的代码在IE和fireFox浏览器中的执行结果如下：

（4）另一个获得浏览器的类型和操作系统信息的代码示例

上面的代码在IE浏览器中的执行结果如下：

8、根据用户所使用的浏览器的不同版本和类型动态地加载不同的CSS样式单文件的代码示例

"https://www.360docs.net/doc/ba1365789.html,/TR/xhtml1/DTD/xhtml1-transitional.dtd">

9、Location对象包含有关当前文档的URL信息

（1）最重要的属性href

应用它可以实现页面动态跳转，只需要将目标URL设置为一个变量。代码示例如下：window.location.href="https://www.360docs.net/doc/ba1365789.html,/";

（2）刷新本页面的方法window.location.reload()及应用示例

"https://www.360docs.net/doc/ba1365789.html,/TR/html4/loose.dtd">

注意页面中是否包含有表单，浏览器对页面的刷新方式是不同的。有些网页，刷新浏览器窗口时，会弹出一个提示的对话框窗口，点击其中的“确定”按钮后才会真正地进行刷新。而有的页面不会提示，不弹出提示对话框窗口，直接就刷新了。

如果页面中没有包含表单，则不会弹出提示对话框窗口。如果页面有form表单，并且表单的提交方式为如下形式时：

会弹出提示对话框窗口

不会弹出对话框窗口

采用window.location.reload(true);的方式在IE、Chrome、Opera和Safari浏览器中都可以达到重新刷新当前页面，但在Firefox浏览器中则不行，而且如果当前页面有数据提交的话，还会提示是否提交的（是和否选项）。因此采用下面的语句则在各种浏览器中都可以：window.location.href=window.location.href;但如果采用上面的方式，如果在URL地址栏的后面出现“#”，则又会出现无法重新刷新当前页面，因此要动态地除掉在URL地址中所可能出现的“#”。最终采用下面的语句可以实现重新刷新当前页面的效果。

window.location.href = window.location.href.replace(/#/g,'');

（3）编程框架集窗口内的location对象

由于location对象提供了关于当前打开窗口或者特定框架的URL信息，而一个多框架的窗口对象在location属性显示的是父窗口的URL，每个框架也有一个与之相伴的location对象。引用的方法为：targetWindowName.location.href。

不同层次的窗口内的location对象

window.location.href实现在本页面的跳转，而parent.location.href 实现在上一层父窗口内的页面跳转，top.location.href则是实现在最外层的窗口内的页面跳转。

JavaScript上机题9.9

3 编写一个JavaScript程序，弹出一个讯问生日的对话框，计算出用户的星座并显示在浏览器的状态栏上。 xxxxx javascript时间对象 时间对象是JS的内置对象,使用前必须申明,包含日期和时间两类. DATE对象提供三种方法: 1.从系统中获取当前的时间和日期; 2.设置当时的时间和日期; 3.时间,日期转换成其它格式. setYear 设置当前年份 setMonth 设置当前月份 setDate 设置当前日期

setDay 设置当前对象的星期数 setHours 设置当前的小时 setMinutes 设置当前的分钟 setSeconds 设置当前的秒 setTime 设置当前的时间(毫秒为单位) --------------------------------- 现在是2008年12月24日17时34分24秒 出生日期是86年11月6日 Wed, 24 Dec 2008 09:34:24 UTC 2008年12月24日 17:34:24 然后，用（注意不是openwin而是loadpop啊！）替换主页面中原有的这一句即可。你可以试着刷新一下这个页面或重新进入该页面，窗口再也不会弹出了。真正的pop-only-once！ 写到这里弹出窗口的制作和应用技巧基本上算是完成了，俺也累坏了，一口气说了这么多，希望对正在制作网页的朋友有所帮助俺就非常欣慰了。 需要注意的是，js脚本中的的大小写最好前后保持一致。 3.一个强制弹窗代码 一个强制弹窗代码 /**

js内置对象属性及方法

1.Date 属性(1):constructor 所建立对象的函数参考 prototype 能够为对象加入的属性和方法 方法(43):getDay() 返回一周中的第几天(0-6) getYear() 返回年份.2000年以前为2位,2000(包含)以后为4位 getFullYear() 返回完整的4位年份数 getMonth() 返回月份数(0-11) getDate() 返回日(1-31) getHours() 返回小时数(0-23) getMinutes() 返回分钟(0-59) getSeconds() 返回秒数(0-59) getMilliseconds() 返回毫秒(0-999) getUTCDay() 依据国际时间来得到现在是星期几(0-6) getUTCFullYear() 依据国际时间来得到完整的年份 getUTCMonth() 依据国际时间来得到月份(0-11) getUTCDate() 依据国际时间来得到日(1-31) getUTCHours() 依据国际时间来得到小时(0-23) getUTCMinutes() 依据国际时间来返回分钟(0-59) getUTCSeconds() 依据国际时间来返回秒(0-59) getUTCMilliseconds()依据国际时间来返回毫秒(0-999) getTime() 返回从1970年1月1号0:0:0到现在一共花去的毫秒数 getTimezoneoffset() 返回时区偏差值,即格林威治平均时间(GMT)与运行脚本的计算机

所处时区设置之间相差的分钟数) parse(dateString) 返回在Date字符串中自从1970年1月1日00:00:00以来的毫秒数 setYear(yearInt) 设置年份.2位数或4位数 setFullYear(yearInt)设置年份.4位数 setMonth(monthInt) 设置月份(0-11) setDate(dateInt) 设置日(1-31) setHours(hourInt) 设置小时数(0-23) setMinutes(minInt) 设置分钟数(0-59) setSeconds(secInt) 设置秒数(0-59) setMilliseconds(milliInt) 设置毫秒(0-999) setUTCFullYear(yearInt) 依据国际时间来设置年份 setUTCMonth(monthInt) 依据国际时间来设置月(0-11) setUTCDate(dateInt) 依据国际时间来设置日(1-31) setUTCHours(hourInt) 依据国际时间来设置小时 setUTCMinutes(minInt) 依据国际时间来设置分钟 setUTCSeconds(secInt) 依据国际时间来设置秒 setUTCMilliseconds(milliInt)依据国际时间来设置毫秒 setTime(timeInt)设置从1970年1月1日开始的时间.毫秒数 toGMTString()根据格林威治时间将Date对象的日期(一个数值)转变成一个GMT时间字符串,如:Weds,15 June l997 14:02:02 GMT toUTCString()根据通用时间将一个Date对象的日期转换为一个字符串 toLocaleString()把Date对象的日期(一个数值)转变成一个字符串,使用所在计算机上配置使用的特定日期格式 toSource()显示对象的源代码

javascript常用代码大全

Javascript常用代码大全 //打开模式对话框 //返回模式对话框的值 function okbtn_onclick() { var commstr=''; window.returnValue=commstr; window.close() ; } okbtn_onclick() //全屏幕打开IE 窗口 var winWidth=screen.availWidth ; var winHeight=screen.availHeight-20; window.open("main.aspx","surveyWindow","toolbar=no,wid th="+ winWidth +",height="+ winHeight +",top=0,left=0,scrollbars=yes,resizable=yes,center:yes,statu sbars=yes"); //脚本中中使用xml function initialize() { var xmlDoc var xslDoc xmlDoc = new ActiveXObject('Microsoft.XMLDOM') xmlDoc.async = false; xslDoc = new ActiveXObject('Microsoft.XMLDOM') xslDoc.async = false; xmlDoc.load("tree.xml") xslDoc.load("tree.xsl") folderTree.innerHTML = xmlDoc.documentElement.transformNode(xslDoc) } 一、验证类 1、数字验证内 1.1 整数 1.2 大于0的整数（用于传来的ID的验证) 1.3 负整数的验证 1.4 整数不能大于iMax 1.5 整数不能小于iMin 2、时间类 2.1 短时间，形如(13:04:06) 2.2 短日期，形如(2003-12-05) 2.3 长时间，形如(2003-12-05 13:04:06) 2.4 只有年和月。形如(2003-05,或者2003-5) 2.5 只有小时和分钟,形如(12:03) 3、表单类 3.1 所有的表单的值都不能为空 3.2 多行文本框的值不能为空。 3.3 多行文本框的值不能超过sMaxStrleng 3.4 多行文本框的值不能少于sMixStrleng 3.5 判断单选框是否选择。 3.6 判断复选框是否选择. 3.7 复选框的全选，多选，全不选，反选 3.8 文件上传过程中判断文件类型 4、字符类 4.1 判断字符全部由a-Z或者是A-Z的字字母组成 4.2 判断字符由字母和数字组成。 4.3 判断字符由字母和数字，下划线,点号组成.且开头的只能是下划线和字母 4.4 字符串替换函数.Replace(); 5、浏览器类 5.1 判断浏览器的类型 5.2 判断ie的版本 5.3 判断客户端的分辨率 6、结合类 6.1 email的判断。 6.2 手机号码的验证 6.3 身份证的验证 二、功能类 1、时间与相关控件类 1.1 日历 1.2 时间控件 1.3 万年历 1.4 显示动态显示时钟效果（文本，如OA中时间） 1.5 显示动态显示时钟效果(图像，像手表) 2、表单类 2.1 自动生成表单 2.2 动态添加，修改，删除下拉框中的元素 2.3 可以输入内容的下拉框 2.4 多行文本框中只能输入iMax文字。如果多输入了，自动减少到iMax个文字（多用于短信发送) 3、打印类 3.1 打印控件 4、事件类 4.1 屏蔽右键 4.2 屏蔽所有功能键 4.3 --> 和<-- F5 F11,F9,F1 4.4 屏蔽组合键ctrl+N 5、网页设计类 5.1 连续滚动的文字，图片

JavaScript面向对象简介

JavaScript面向对象简介 JavaScript 的核心是支持面向对象的，同时它也提供了强大灵活的OOP 语言能力。本文从对面向对象编程的介绍开始，带您探索JavaScript 的对象模型，最后描述 JavaScript 当中面向对象编程的一些概念。 复习JavaScript 如果您对JavaScript 的概念（如变量、类型、方法和作用域等）缺乏自信，您可以在重新介绍JavaScript这篇文章里学习这些概念。您也可以查阅这篇JavaScript 1.5 核心指南。 面向对象编程 面向对象编程是用抽象方式创建基于现实世界模型的一种编程模式。它使用先前建立的范例，包括模块化，多态和封装几种技术。今天，许多流行的编程语言（如Java，JavaScript，C＃，C+ +，Python，PHP，Ruby 和Objective-C）都支持面向对象编程（OOP）。 面向对象编程可以看作是使用一系列对象相互协作的软件设计，相对于传统观念，一个程序只是一些函数的集合，或简单的计算机指令列表。在OOP中，每个对象能够接收邮件，处理数据和发送消息给其他对象。每个对象都可以被看作是一个独立的小机器有不同的作用和责任。 面向对象程序设计的目的是促进更好的编程灵活性和可维护性，并在大型软件工程中广为流行。凭借其十分注重的模块化，面向对象的代码开发更简单，往后维护更容易理解，使其自身能更直接的分析，编码，理解复杂的情况和过程，比非模块化编程方法省事。1

术语 Namespace 命名空间 允许开发人员在一个专用的名称下捆绑所有功能代码的容器。 Class 类 定义对象的特征。 Object 对象 类的一个实例。 Property 属性 对象的特征，比如颜色。 Method 方法 对象的能力，比如行走。 Constructor 构造函数 实例化时调用的函数。 Inheritance 继承 一个类可以继承另一个类的特征。 Encapsulation 封装 类定义了对象的特征，方法只定义了方法如何执行。 Abstraction 抽象 结合复杂的继承，方法，属性，一个对象能够模拟现实的模型。 Polymorphism 多态 多意为‘许多’，态意为‘形态’。不同类可以定义相同的方法或属性。更多关于面向对象编程的描述，请参照维基百科的面向对象编程。 原型编程

Javascript基础教程

Javascript简介 (2) Javascript简介 (2) 简单的Javascript入门示例 (4) 编写Javascript 代码 (5) 语句(Statements) (5) 语句块(Blocks) (6) 注释(Comments) (7) 表达式(Expressions) (8) 赋值和等于(Assignments and Equality) (9) Javascript常用运算符(Operators) (10) 算术运算符 (10) 逻辑运算符 (11) 赋值运算符 (12) Javascript 循环语句(Javascript Loop Statements) (12) 使用for 循环语句 (13) 使用for...in 循环语句 . (15) 使用while 和do...while 循环语句 (17) 使用break 和continue 语句 (20) Javascript写在哪里 (23) Javascript在之间 (23)

Javascript在之间 (24) Javascript放在外部文件里 (25) Javascript变量(Javascript Variables) (26) 什么是变量？ (26) 变量的声明(Declaring Variables) (26) 变量的命名规则 (27) Javascript条件语句(Javascript Conditional Statements) (27) 单项条件结构(if条件语句) (28) 双向条件结构(if...else条件语句) (29) 多项条件结构(switch条件语句) (31) Javascript保留字(Javascript Reserved Words) (32) Javascript未来保留字(Javascript Future Reserved Words) (33) Javascript简介 Javascript简介

JavaScript复习题

复习题1 一、选择题 1、写“Hello World”的正确javascript语法是 A. ("Hello World") B. "Hello World" C. ("Hello World") D. ("Hello World") 2、JS特性不包括( ) A.解释性 B.用于客户端 C.基于对象 D.面向对象 3、下列JS的判断语句中( )是正确的 (i==0)(i=0) i==0 then i=0 then 4、下列JavaScript的循环语句中( )是正确的 (i<10;i++) (i=0;i<10) i=1 to 10 (i=0;i<=10;i++) 5、下列的哪一个表达式将返回假 A.!(3<=1) B.(4>=4)&&(5<=2) C.(“a”==”a”)&&(“c”!=”d”) D.(2<3)||(3<2) 6、下列选项中,( )不是网页中的事件 7、有语句“var x=0;while(____) x+=2;”，要使while循环体执行10次，空白处的循环判定式应写为： A．x<10 B. x<=10 <20 <=20 8、JS语句 var a1=10; var a2=20; alert(“a1+a2=”+a1+a2) 将显示( )结果 +a2=30 +a2=1020+a2=a1+a2 9、将字串s中的所有字母变为小写字母的方法是( ) 、以下( )表达式产生一个0~7之间(含0,7)的随机整数. . floor()*8) 11、产生当前日期的方法是( ) (); () Date() Now() 12、如果想在网页显示后,动态地改变网页的标题( ) A.是不可能的 B.通过(“新的标题内容”) C. 通过=(“新的标题内容”) D. 通过(“新的标题内容”) 13、某网页中有一个窗体对象,其名称是mainForm,该窗体对象的第一个元素是按钮,其名称是myButton,表述该按钮对象的方法是()

基于对象的JavaScript语言

基于对象的JavaScript语言 一、对象的基本结构 JavaScript中的对象是由属性(properties)和方法(methods)两个基本的元素的构成的。属性是对象在实施其所需要行为的过程中，实现信息的装载单位，从而与变量相关联；方法是指对象能够按照设计者的意图而被执行，从而与特定的函数相联。 二、引用对象的途径 一个对象要真正地被使用，可采用以下几种方式获得： 1、引用JavaScript内部对象；this window 2、由浏览器环境中提供；https://www.360docs.net/doc/ba1365789.html, 3、创建新对象。new 这就是说一个对象在被引用之前，这个对象必须存在，否则引用将毫无意义，而出现错误信息。 三、有关对象操作语句 1、For...in语句 格式如下：For（对象属性名in 已知对象名） 说明：该功能是用于对已知对象的所有属性进行操作的循环控制。它是将一个已知对象的所有属性反复置给一个变量；而不是使用计数器来实现的。它的优点是无需知道对象中属性的个数即可进行操作。 2、with语句 使用该语句的意思是：在该语句体内，任何对变量的引用被认为是这个对象的属性，以节省一些代码。with object{ ...} 所有在with语句后的花括号中的语句，都是在后面object对象的作用域的。 3、this关键字 this是对当前的引用，在JavaScript由于对象的引用是多层次，多方位的，往往一个对象的引用又需要对另一个对象的引用，而另一个对象有可能又要引用另一个对象，这样有可能造成混乱，最后自己已不知道现在引用的那一个对象，为此JavaScript提供了一个用于将对象指定当前对象的语句this。 4、New运算符可以创建一个新的对象 格式：

Javascript基础

表JS基本类型有什么？引用类型有什么？ 基本类型：number,string,boolean,undefined,null 引用类型：基本类型以外的都是引用类型，如object/array/function/date等等 关于基本类型与引用类型的区别可以详细看看@Naraku_的这篇文章： [ JS 进阶] 基本类型引用类型简单赋值对象引用 概况起来有这么几个要点： 1.我们无法给基本类型的对象添加属性和方法； var m1 = 123; https://www.360docs.net/doc/ba1365789.html, = 'abc'; console.log(https://www.360docs.net/doc/ba1365789.html,); //输出：undefined 2.基本类型对象的比较是值比较，而引用类型对象的比较是引用比较； var m1 = 123, m2 = 123; console.log(m1 === m2); //输出：true var o1 = {}, o2 = {}; console.log(o1 === o2); //输出：false 3.基本类型对象是存储在栈内存中的，而引用类型对象其实是一个存储在栈内存中的一个堆内存地址。 4.基本类型对象赋值时（执行=号操作），是在栈内存中创建一个新的空间，然后将值复制一份到新的空间里。 5.引用类型对象赋值时（执行=号操作），也是在栈内存中复制一份一样的值，但这个值是一个堆内存地址，所以被赋值的那个对象跟前者其实是一个对象。 var o1 = {}; var o2 = o1; https://www.360docs.net/doc/ba1365789.html, = 'abc';console.log(https://www.360docs.net/doc/ba1365789.html,); // --> abc console.log(https://www.360docs.net/doc/ba1365789.html,); // --> abc o2.age = '123';console.log(o1.age); // --> 123console.log(o2.age); // --> 123 JS中的常见对置对象类

Javascript鼠标触发事件大全

Javascript鼠标事件大全 一般事件 事件浏览器支持描述 onClick IE3|N2|O3 鼠标点击事件，多用在某个对象控制的范围内的鼠标点击 onDblClick IE4|N4|O 鼠标双击事件onMouseDown IE4|N4|O 鼠标上的按钮被按下了onMouseUp IE4|N4|O 鼠标按下后，松开时激发的事件 onMouseOver IE3|N2|O3 当鼠标移动到某对象范围的上方时触发的事件 onMouseMove IE4|N4|O 鼠标移动时触发的事件 onMouseOut IE4|N3|O3 当鼠标离开某对象范围时触发的事件 onKeyPress IE4|N4|O 当键盘上的某个键被按下并且释放时触发的事件.[注意:页面内必须有被聚焦的对象] onKeyDown IE4|N4|O 当键盘上某个按键被按下时触发的事件[注意:页面内必须有被聚焦的对象] onKeyUp IE4|N4|O 当键盘上某个按键被按放开时触发的事件[注意:页面内必须有被聚焦的对象] 页面相关事件 事件浏览器支持描述 onAbort IE4|N3|O 图片在下载时被用户中断 onBeforeUnload IE4|N|O 当前页面的内容将要被改变时触发的事件 onError IE4|N3|O 捕抓当前页面因为某种原因而出现的错误，如脚本错误与外部数据引用的错误 onLoad IE3|N2|O3 页面内空完成传送到浏览器时触发的事件，包括外部文件引入完成 onMove IE|N4|O 浏览器的窗口被移动时触发的事件onResize IE4|N4|O 当浏览器的窗口大小被改变时触发

javascript

如何把JavaScript 放入HTML 页面 上面的代码会在HTML 页面中产生这样的输出： Hello World! 实例解释： 如果需要把一段JavaScript 插入HTML 页面，我们需要使用 就可以告诉浏览器JavaScript 从何处开始，到何处结束。 document.write 字段是标准的JavaScript 命令，用来向页面写入输出。 把document.write 命令输入到之间后，浏览器就会把它当作一条JavaScript 命令来执行。这样浏览器就会向页面写入"Hello World!"。 TIY 注意：如果我们不使用

JavaScript面向对象编程(最终版)

JavaScript面向对象编程 1、引言 JavaScript是一种解释性的，基于对象的脚本语言（an interpreted, object-based scripting language）。JavaScript 基于客户端运行，目前基本上所有的浏览器都支持JavaScript。1995年首次出现时，JavaScript的主要目的还只是处理一些输入的有效性验证，随着互联网的蓬勃发展，JavaScript的应用越来越广泛，特别是近几年AJAX技术（Asynchronous JavaScript and XML）的发展，更使JavaScript的应用达到了一个新的高度。在AJAX技术中，JavaScript是一项关键技术，请求的发送、接收、接收数据后的界面处理都需要使用JavaScript技术，这对JavaScript语言提出了新的需求，本文从JavaScript的基本特点出发，模拟出了面向对象编程的大部分特点，使JavaScript摆脱了以往脚本语言杂乱无章、难以阅读、难以维护的形象，而具有了面向对象特性，极大的方便了JavaScript的开发、维护，提高了软件开发效率。 2、JavaScript的基本特点 JavaScript是解释性的，基于对象的脚本语言。它有下面几个显著特点，这几个特点在后面的面向对象特性模拟中会反复用到，因此这里先详细说明这几个特点。 解释型语言：JavaScript是一种解释性语言，解释性语言相对于编译型语言，编译型语言必须先通过编译才能执行，而解释性语言不需要编 译，直接从上到下解释执行，一边解释一边执行，这就决定了解释性语 言的代码是有先后顺序的，需要执行的代码必须已经解释过。因此， JavaScript需要注意代码的先后顺序。

javascript键盘事件

主要分四个部分 第一部分：浏览器的按键事件 第二部分：兼容浏览器 第三部分：代码实现和优化 第四部分：总结 第一部分：浏览器的按键事件 用js实现键盘记录，要关注浏览器的三种按键事件类型，即keydown，keypress和keyup，它们分别对应onkeydown、onkeypress和onkeyup这三个事件句柄。一个典型的按键会产生所有这三种事件，依次是keydown，keypress，然后是按键释放时候的keyup。 在这3种事件类型中，keydown和keyup比较底层，而keypress比较高级。这里所谓的高级是指，当用户按下shift + 1时，keypress是对这个按键事件进行解析后返回一个可打印的“!”字符，而keydown和keyup只是记录了shift + 1这个事件。[1] 但是keypress只能针对一些可以打印出来的字符有效，而对于功能按键，如F1-F12、Backspace、Enter、Escape、PageUP、PageDown和箭头方向等，就不会产生keypress事件，但是可以产生keydown和keyup事件。然而在FireFox中，功能按键是可以产生keypress 事件的。 传递给keydown、keypress和keyup事件句柄的事件对象有一些通用的属性。如果Alt、Ctrl 或Shift和一个按键一起按下，这通过事件的altKey、ctrlKey和shiftKey属性表示，这些属性在FireFox和IE中是通用的。 第二部分：兼容浏览器 凡是涉及浏览器的js，就都要考虑浏览器兼容的问题。 目前常用的浏览器主要有基于IE和基于Mozilla两大类。Maxthon是基于IE内核的，而FireFox和Opera是基于Mozilla内核的。 2.1 事件的初始化 首先需要了解的是如何初始化该事件，基本语句如下： function keyDown(){} document.onkeydown = keyDown; 当浏览器读到这个语句时，无论按下键盘上的哪个键，都将呼叫KeyDown()函数。 2.2 FireFox和Opera的实现方法 FireFox和Opera等程序实现要比IE麻烦，所以这里先描述一下。 keyDown()函数有一个隐藏的变量--一般的，我们使用字母“e”来表示这个变量。 function keyDown(e) 变量e表示发生击键事件，寻找是哪个键被按下，要使用which这个属性： e.which

javascript代码

代码1 1.oncontextmenu="window.event.returnvalue=false" 将彻底屏蔽鼠标右键

no

可用于Table 2. 取消选取、防止复制 3. onpaste="return false" 不准粘贴 4. oncopy="return false;" oncut="return false;" 防止复制 5. IE地址栏前换成自己的图标 6. 可以在收藏夹中显示出你的图标 7. 关闭输入法 8. 永远都会带着框架 9. 防止被人frame 10. 网页将不能被另存为 11. 12.删除时确认 删 除 13. 取得控件的绝对位置 //javascript //VBScript