[综合] JavaScript(16)——数组、for及其他

1.对于数组风格的Array来说，可以使用join方法拼接为字符串： vararr=["tom","jim","lily"]; alert(arr.join(","));//JS中join是array的方法，不像.Net中是string的方法。 JS中join是array的方法，不像.Net中是st...

[综合] JavaScript(17)——扩展方法

扩展方法：对原有的对象增加一个方法。 例：对String对象通过prototype属性给它增加了quote方法。 通过类对象的prototype设置扩展方法，下面为String对象增加quote（两边加字符）方法： String.prototype.quote=function(quotestr){...

[综合] JavaScript(18)——JavaScript汇总整理

1.JavaScript是一门编程语言。 2.每学一门编程语言必须先要掌握以下三个最核心的内容：（1）数据类型；（2）程序结构如：if、while等；（3）类库。 3.在浏览器上使用这三种语言时，它们的作用分别是：（1）html：提供内容；（2）css：美化html，告诉html怎么去显示；（3）J...

[综合] JavaScript“面向对象编程”(1)——万物皆对象

JavaScript几乎成了如今web开发人员必学必会的一门语言，但很多人却只停在了一些表单验证等基础操作层面上，在面向对象语言大行其道的当下，我们需要去学习JavaScript的面向对象的知识，以便更好的掌握JavaScript，为深入理解各种脚本框架打好基础。 JavaScript和Java、C...

[综合] DOM(1)——DOM入门

1.学习内容：使用JavaScript操作Dom进行DHTML开发。 2.学习目标：能够使用JavaScript操作Dom实现常见的DHTML效果。 3.DHTML：动态的HTML。DHTML本身不是一种语言，它是HTML、CSS和JavaScript三种语言的集合。作用：使用JavaScript去...

[综合] DOM(2)——事件

事件：<bodyοnmοusedοwn="alert('哈哈')">当点击鼠标的时候执行onmousedown中的代码。有的时候事件响应的代码太多，就放到单独的函数中： <scripttype="text/javascript">functionbodymousedown()...

[综合] DOM(3)——动态设置事件

可以在代码中动态设置事件响应函数，就像.Net中btn.Click+=一样。 functionf1(){alert("1");}functionf2(){alert("2");} <inputtype="button"onclick="document.ondblclick=f1"value=...

[综合] DOM(5)——body、document对象的事件，其他事件

1、body、document对象的事件 （1）onload：网页加载完毕时触发，浏览器是一边下载文档、一边解析执行，可能会出现JavaScript执行时需要操作某个元素，这个元素还没有加载，如果这样就要把操作的代码放到body的onload事件中，或者可以把JavaScript放到元素之后。元素的...

[综合] DOM(11)——修改样式

1、用JavaScript修改样式有两种方法：一种是className，另一种是style。 2、易错：修改元素的样式不是设置class属性，而是className属性。案例：网页开关灯的效果。 3、修改元素的样式不能this.style="background-color:Red"。 4、易错：单...

[综合] DOM(12)——控制层的显示

修改style.display，例子：切换层的显示。 functiontogglediv(){vardiv1=document.getElementById('div1');if(div1.style.display==''){div1.style.display='none';//不显示}else...

[综合] DOM(13)——IE中body的事件范围

IE中如果在body上添加onclick、onmousemove等事件响应，那么如果页面没有满，则“body中最后一个元素以下（横向不限制）”的部分是无法响应事件的，必须使用代码在document上监听那些事件，比如document.onmousemove=MovePic。 FF（火狐浏览器）中也差...

[综合] DOM(14)——元素的位置、大小单位

通过dom读取元素的top、left、width、height等取到的值不是数字，而是“10px”这样的字符串；为这些属性设值的时候IE可以是80、90这样的数字，FF必须是“80px”、“90%”等这样的字符串形式，为了兼容各种浏览器，统一用字符串形式。 易错：不要写成div1.style.wid...

[综合] DOM(16)——form对象

document.getElementById('btn1').click() 1、form对象是表单的Dom对象。 2、方法：submit()提交表单，但是不会触发onsubmit事件。 3、实现autopost，也就是焦点离开控件以后页面立即提交，而不是只有提交submit按钮以后才提交，当光标...

[综合] DOM(18)——弹出对话框的处理

1、复习，使用window.showModalDialog('dialog.htm')弹出模态对话框。 2、给对话框传递参数，使用showModalDialog的第二个参数传递参数，在对话框中用window.dialogArguments获得传递的参数值；对话框中给window.parent.ret...

[综合] 正则表达式(1)——JS中的正则表达式

1、JavaScript中创建正则表达式类的方法： varregex=newRegExp("\\d{5}")或者varregex=/\d{5}/ /表达式/是JavaScript中专门为简化正则表达式编写而提供的语法，写在//中的正则表达式就不用管转义符了。 说明：varregex=newRegEx...

[综合] 正则表达式(2)——string的正则表达式方法

1、Replacematch 2、String对象中提供了一些与正则表达式相关的方法，相当于对于RegExp类的包装，简化调用： vars="aaa@163.com";varregex=/(.+)@(.+)/;varmatch=s.match(regex);alert(RegExp.$1+"，服务器...

[综合] 正则表达式(3)——案例：回车实现Tab跳转，超链接的单选效果，表格隔行变色，回车键跳转

1、案例1：回车实现Tab跳转。响应文本框的onKeyDown事件，window.event.keyCode获得用户点击的keyCode。keyCode和ASCII不是完全一致，主键盘的1和小键盘的1的ASCII一样，但是keyCode不一样。回车的keyCode为13，Tab的keyCode为9。...

[综合] 正则表达式(4)——案例：金额文本框

1、财务相关系统中涉及到金额的文本框有如下要求： 进入金额文本文本框不使用中文输入法； 不能输入非数字； 焦点在文本框中时文本框左对齐；焦点离开文本框时文本框右对齐，显示千分位。 2、禁用输入法：style="ime-mode:disabled" 3、禁止键入非法值，只有这些才能被键入(k==9...

[综合] HTML、JS的压缩

1、HTML、JavaScript的压缩和混淆。去掉空格、缩短变量名，让js、html尺寸更小，提高下载速度。 2、HTML、JS压缩、混淆有动态和静态两种方案。HTML压缩器，比如HTMLCompress；JavaScript压缩工具：GoogleClosureCompiler、YUICompre...

[综合] FF与IE对javascript和CSS的区别

1.document.formName.item("itemName")问题说明:IE下,可以使用document.formName.item("itemName")或document.formName.elements["elementName"];Firefox下,只能使用document.fo...