css和js韩顺平学习笔记.docx

1,Web标准的组成：结构，表现和行为；结构标准对应的主要语言是XHTML表现标准对应的主要语言是CSS行为标准对应的主要语言是javascript制作成一个静态页面，主要用到的就是xhtml和css，所以制作标准页面的技术就是xhtml+css;2,css定义的技巧： 1，为了将来的css代码优化，建议所有的属性值后面都要带上;2,某些xhtml标签，有自己默认的css属性值；例如，h1标签就有自己默认的属性值。3，为了兼容主流的浏览器，或者为了统一效果，建议我们在设置时，将所有元素的css属性，重置为一个标准的；4，不同的浏览器，有各自不同的css属性值-就是浏览器的兼容性5，css可以重新设置html标签的默认设置；3，CSS应用给网页的方法：1，内联式样式表：直接写在现有的标记中，如这里文字是红色的2, 嵌入式样式表：使用标签嵌入到HTML文件的标签中。如：body background:white;color:black;3，外部链接式样式表：将样式表写在一个独立的.css文件中，然后在页面标签内使用标签调用它，主要用于实现表现与结构的分离，如：4, 导入式样式表用的较少：导入式样式表与链接式样式表的功能基本相同，只是语法与动作方式略有不同，同样也将导入样式代码写在标记内。语法：import url(basic.css); -有些浏览器解析会有问题.浏览器会最后读取import中的内容；4,将css样式写到一个单独的文件中.如style.css;5,结构与样式分离；6，导入式样式：也是将样式写到一个文件中，再导入到网页中，导入式，其实与内嵌式是相类似的，都是将样式加入到网页里；7，网站是有很多个网页组成的；一个网站是有多个网页组成的 .8,id 在网页中只出现一次；9，标签选择符-针对html标签 id选择符 -针对某一个id; 类选择符： 针对某一类，或者某一些元素，它们的样式是相同的。10，类名或ID名，不要以数字开头，同一个元素，应用多个类，类名与类名之间用空格进行分割：class = 类1 类2；11，css特点，1，继承：子元素可以继承父元素的某些属性；2，层叠：如果子元素定义了与父元素相同的样式，则子元素的样式会覆盖父元素的样式，后面的样式会覆盖前面的样式；12，css样式优先权：当样式有冲突时，听谁的？四种方式的优先权：内联式 内嵌式 链接式 import导入式。CSS优先权：就近原则，作用范围越小，优先权就越高。离要修饰的目标越近的样式优先权越高； 一般我们用内嵌式和链接式，这样局限性是最小的;13，选择符优先权：行内idclass标签选择符。 -记住哦！就近原则；14，不同的属性在浏览器支持是不一样的；尽量使用通用的属性，不用存在兼容性差别的属性；15，CSS伪类：a:linktext-decoration:none;color:black;a:hovertext-decoration:underline;color:blue;a:activetext-decoration:overline;color:#00OOFF;-表示跟超级链接有关的伪类；16，如果，鼠标放上效果不起作用，请修改链接状态的顺序 L - V - H - A 就是把标签的顺序变一下；17，divwidth:100px;height:100px;font-size:24px;font-weight:bold;display:block; /表示把它定义成块元素，就是它们是一个整体display:block; /表示把它定义成块元素，就是把它们当做一个整体#one background:red;#two background:green;#threebackground:blue; -you shijianduokankan apicss布局有三种方式：1，默认文档流方式 -以默认的html元素的结构顺序显示；2，浮动布局方式 -通过设置html元素的float属性显示 如：float：right； #one background:red;float:right;/是分号哦 -向右浮动3，定位布局方式 -通过设置html元素的position属性显示；e.g #twobackground:green;position:absolute; /表示坐标，即绝对布局，定位的top:50px;left:150px;css把网页元素分为两类，一种是块，一种是内联元素;浏览器之间的差异：设置css样式的第一步：将每个元素的默认边距置为0；body,div,ul,li,imgmargin:0;padding:0; -/这样可以充分考虑到浏览器兼容性ul,li默认情况下标签也是块元素 -独占一行,要想让他们在一行显示，就要使用浮动float;ul width:960px;height:200px;border:1px solid blue;margin:100px auto; /让ul标签居中 ，让ul标签居中显示list-style:none;/表示去掉li前面的点，list-style:none;/表示去掉li前面的点，list-style:none;表示去掉前面的点clear:both; /清除前面对象，左右浮动，对它本身没有影响；css的思想-大盒子里面加小盒子,大盒子里面套小盒子!第18讲1,javascript介绍：javascript是实现网页动态效果的基石，在web开发中扮演着重要的角色，被广泛的应用到各个领域；javascript主要应用的领域有：网页游戏，地图搜索，股市信息查询，web聊天等，在web开发中，js是必不可少的技术！，同时js也是ajax/jquery/extjs等框架的基础；2，ajax是其中技术的综合；3，正则表达式是从格式上进行验证；4，html我们称为标记语言，java被称为编译/开发语言，javascript被称为脚本语言；5，javascript是一种广泛用于客户端Web开发的脚本语言。常用来给HTML网页添加动态功能，比如响应用户的各种操作；6，控制语句分为顺序，分支，循环三种语句；7，脚本语言是一种解释性语言；8，C语言是将源代码编译成二进制码；java是将源代码编译成字节码文件，这就是编译语言，它们执行的效率比较高，因为编译好的文件往往已经接近于机器语言了；9，解释性语言是在执行的时候，才把源代码调到调用它的地方，比编译语言效率要低一些【即执行的时候，直接对源码进行执行】。10，java语言编译好了，是由javac来执行的，就是虚拟机；.java - .class 由jvm来执行； javascript是由浏览器的一个引擎（js引擎）来执行的；第19讲，1，javascript是给浏览器用的；javascript是给浏览器用的；2，因为js是由浏览器来解释执行的，因此，这里有一个问题，就是不同的类型的浏览器可能对js的支持不一样；3，javascript是基于对象和事件驱动的（动态的），javascript是跨平台的；4，javascript是依赖于浏览器本身，与操作环境无关。只要能运行浏览器的计算机，并支持javascript的浏览器就可以正确的执行；5，js的代码一般是放在head标签之间，但实际上也可以在别的位置；js必须用包起 来；6，浏览器是扫描，逐行执行的；7,浏览器按照先后顺序，依次执行；8，js是弱数据类型语言，即在定义变量的时候，统一使用var表示即可；js中的变量的数据类型是由js引擎来决定的；9，标识符就是指变量的名字；10，js的注释：单行注释：/ 多行注释：/* */；第20讲1，js的数据类型：1，基本数据类型：数值number 字符串string 布尔型 2，复合类型：数组 对象 3，特殊类型：null【var a = null】 undefine 【var a;/没有给值】 2, 全局函数就表示直接可以用；3，强制转换；如何将字符串转成数字？var a=parseInt(123)var b=parseFloat(12.3); parseInt(),parseFloat()是系统函数，可以直接使用；4，js数据类型的转换分为：自动转换，强制转换，就是使用系统函数强制转换int或者float；5，将整形或浮点数转换为字符串的方法：var b=90; /b是number类型b=b+; /b就是string类型6，b=+a a=a+1;b=a; b=a+ b=a;a=a+1; 它们的顺序是不同的第21讲1，prompt()方法用于显示可提示用户进行输入的对话框；2，document.writeln(); -writeln:表示直接向浏览器页面输出内容；例如： var val = mpt(请输入值); document.writeln(你的输入值是 +val);3，js逻辑运算符：&与 | 或 ! 非;4, 在js逻辑运算中，0，false,null,undefined,NaN均表示false;5,javascript中非0的数字就是为真；6，有一个非常重要的知识点：| 将返回第一个不为false的那个值（对象亦可），或者是最后一个值（如果全都是false的话，即如果最后一个值为false，则返回false，如果最后一个为的话，则返回）；第22讲1，js的switch语句数据类型可以是js支持的任何基本类型（数组和对象除外）； case后面的数据类型可以任意（数组和对象除外）； break；作用是跳出整个switch; 如果没有匹配的值，则执行default; var a = 90; case 890: window.alert(890);break; case 90: window.alert(90);break; default:break;第23讲1，第24讲1， / 这两个属性都是为了指定脚本，是为了解决浏览器之间的兼容性问题；2，特别注意： -千万别理解成注释了，这是因为有些浏览器这样不包的话，认为是文本，所以必须要把javascript代码这样包上；也是为了解决浏览器兼容性问题；3，javascript函数定义： 基本语法；function 函数名（参数列表）/代码 . return 值； /这个是可选的； -/js中函数无返回类型，需要返回的话直接返回就行了；4，函数实例： function jiSuan(num1,num2,operator) / 特别注意在参数前面不要加var ,特别注意哦5,函数的调用：document.write(res=+jiSuan(num1,num2,operator); /函数的调用第25讲；1，在需要的文件中引入： -千万不要这样做,这样的话，他会引不进去的； 它们是动态引入的，就是执行到那个地方的时候才会引进去；2，在js中，函数分为：自定义函数，系统函数（经常查看js帮助手册）；3，escape和unescape函数往往配合使用，防止乱码的出现；4，方法和函数是同一个概念；第26讲：1，js函数的调用过程，内存分析：递归；function abc(num1)if(num13)abc(-num1); /递归 document.writln(num1);如果这样调用，abc(5),则输出为3 3 4; -js的递归调用2，js函数支持可变参数function abc2()/在js中有一个arguments，可以访问所有传入的值window.alert(arguments.length);abc2(21,2,4); 返回3；第27讲；1，javascript中的数组不区分数据类型，可以存放各种数据类型；2，垃圾回收机制 - 它通过查看某个地址被引用几次，如果一次都没有被引用，它就认为是个垃圾，就自动释放内存地址空间；3，数组的引用，基本用法是：数组的名称下标；若越界的时候，如数组中只有三个元素，我们访问a6,则它会输出一个undefined,因为变量本来就没有被定义;结论：不能访问不存在的元素，数组的下标是从0开始编号的哦；4, js的数组可以动态增长；5，js数组的特点：js数组是可以动态的增长的，这个和java的数组不一样，有点类似java中的ArrayList;长度可变,也可以看做hashmap，它都可以动态增长的;6,数组的遍历： for(var key in arr)window.alert(key+=+arrkey); -key就表示数组的下标第28讲：1，二维数组的遍历：var arr0,0,0,0,0,0,0,0,1,0,0,0,0,2,0,3,0,0,0,0,0,0,0,0;for(var i = 0;iarr.length;i+)/遍历每一个具体的值；for(var j = 0;jarri.length;j+)document.writeln(arrij+ );document.writeln();2,西红柿鸡蛋：西红柿+鸡蛋+葱（圆状）+生姜；3，javascript是一种基于对象的语言(object-based),你遇到的所有东西几乎都是对象； 特别说明：基于对象也好，面向对象也好实际上都是对象编程的概念来编写程序的，从本质上来说并无区别，所以这两个概念在我的课程中是一样的；4， 因为javascript中没有class（类），所以有人把类也称为原型对象，因为这两个概念从在编程中发挥的作用都是一个意思，为了统一叫法，我这里就统一叫做类；5，javascript中的类被叫做原型对象； 第29讲；1，js中没有类class，但是它取了一个新的名字，叫原型对象，因此类=原型对象；2，/这里就是一个cat类 function Cat() /如果你这样用 Cat(); / 它就表示一个函数 /如果你这样 用 var cat1 = new Cat();/ 此时它就表示一个类 = 小白; cat1.age = 3; cat1.color = 白色; / 从上面代码中我们可以看出，js中的对象的属性可以是动态的添加；js中属性没有限制； window.alert();3，类（原型对象）是对象实例的模板，对象实例是类的一个个体；4，js中创建对象的方式有五种； 1，工厂方法-使用new Object 创建对象并添加相关属性； 2，使用构造函数来定义类（原型对象）。 3，使用prototype 4，构造函数及原型混合方式； 5，动态原型范式；5,目前我们先讲用构造函数来定义类，然后再创建对象实例；6，javascript中一切都是对象；第30讲；1，我们看下面的一段代码：var a = new Person(); /这个地方表示a指向了一个地址:例如，a=0x1234;a.age=10; /这些数据是放在堆里面的 = 小明;var b=a; /这表示将a指向的地址赋给b b=0x1234;alert(b.age); /由于a,b对指向堆中的同一块地址，所以b.age 为10；2，js也有垃圾回收机制：它的回收机制是：在浏览器js引擎中有一张表，用来记录堆中某个地址的引用次数，如果该地址被引用一次，则加一，如果对象被删除了，那么次数就减去一，这是一种被动的垃圾回收机制。还有一种直接的方式使用delete可以立马释放堆中的空间；/ 第31讲；1，this： function Person() = abc; /在属性前加this，表示这个属性或方法是公有的;this.age=90; var p1=new Person(); var p2=new Person(); window.alert( +); / 输出都为abc;2.function Person()var name = abc; /如果这样去使用name，这个属性是私有的var age = 900;2=abc2; /this修饰后，这个name2属性就是公有的，外部可以访问var p1=new Person();window.alert(,p1.age,2); / 其中,p1.age为undefined,2为abc2；应为,p1.age是私有的，2是公有的；3,this表示属性和变量是公有的，否则是私有的； function Person()this.show=function() /this，表示这是Person类的一个公有的方法window.alert(name+ +age); function show2() / 这是Person类的一个私有的方法，只能在Person类中使用window.alert(show2()+name+age); -js中公有属性和方法必须前面加上this.;第32讲：1,function Person(name,age)/这个就是使用传入的实际参数，去初始化属性。=name;this.age=age;/输出自己的名字，这里this.show就是一个公开的函数，函数名是show；this.show=function()document.write(名字=+); / - 它是一个类var p1= new Person(宋江,90);p1.show();2,当 = 的两边都是字符串的时候，则比较内容想不想等； 如果 = 两边是数字，则比较数字想不相等， 如果=两边是对象，或者对象的函数，则比较地址想不想等，若地址相等，说明他们是同一块东西了；第33讲；Object类，闭包，成员函数再说明；1，数组属于引用类型，就是通过地址方式来进行操作；2，数组的名字可以看做是一块地址，它指向的地址是堆里面的一块内存空间，内存空间放的是真正的数据；3，数组的使用:数组名下标;4,js中有五种方式来创建一个对象；5，通过Object直接创建对象：var p1 = new Object();=sp;6,Object类是所有javascript类的基类，提供了一种创建自定义对象的简单方式，不需要程序员再定义构造函数。【同上面的例子，直接创建对象】;Object类的主要属性：constroctor-对象的构造函数，prototype-获得类的prototype对象，static性质；主要方法：hasOwnProperty(property)-是否属于本类定义的属性；toString-将一个对象转换成一个字符串返回；valueOf-返回对象对应的原始类型值；7，java语言的超类也是Object；8，/现在我们一起看看如何给所有Array对象添加一个方法 find(val);Atotype.find = function(val) / 这样Array的所有对象都有find方法，况且它们共享同一段代码；/遍历数组thisfor(var i =0;ithis.length;i+)if(val = thisi)return i;return -1;9，closure 闭包；10，成员函数可以有返回值，也可以没有，若有的话的，最多只能有一个返回值；11，js参数个数可变；12，js中调用一个函数的时候，js不支持函数的重载【同样的函数名，通过参数的个数，类型来调用不同的函数】，相同函数名的函数js只调用最后一个；js在调用一个函数是通过函数名来调用，如果有相同函数名的函数，js只调用最后一个；第34讲：1，第35讲：1，构造函数的基本用法：function 类名(参数列表)属性=参数值；/ 构造函数属性前面一般要加this 举例：function Person(name,age) = name;this.age = age;/ 创建Person对象的时候，就可以直接给名字和年龄var p1 = new Person(abc,80);window.alert();var p2 = new Person(hello,9);window.alert();2,构造函数（方法）是一种特殊的方法，它的主要作用是完成对对象实例的初始化，它由以下几个特点：1，构造函数（方法）名和类名必须相同；2，在创建一个对象实例时，系统会自动的调用该类的构造方法完成对新对象的初始化；3，js中创建对象的另一种形式：当我们创建一个比较简单的对象时：var dog=name:小狗,age:8;window.alert(+dog.age); / 这样进行访问；4,特别强调：test.call(dog)等价于 dog.test();/它这样设计的作用是将this指向传入的这个对象实例；5，有时我们会看到这样一种调用方法：函数名.call(对象实例)； / 这样调用，该函数的this就是指该对象实例；6，我们在访问对象属性时，可以使用这种方式访问：对象名属性名; 经典案例：var dog = name:小明,sayHello:function(a,b)window.alert(结果=+(a+b);/ 循环列出dog对象的所有属性和方法，对象名属性名for(var key in dog)window.alert(dogkey);document.write(*当前浏览器 window对象有那些属性和方法*);for(var key in window)document.writeln(key+:_windowkey+); / 这个方法可以用来查看当前浏览器支持的属性和方法；很有用哦！第36讲：js面向对象三大特征（封装，多态，继承）1,所有的面向对象特征都是在建立在抽象的基础之上的；抽象的定义：在定义一个类的时候，实际上就是把一类事物的共有的属性和行为提取出来，形成一个物理模板，这种研究问题的方法被称为抽象；2，把知识形成一个体系，形成一个系统很重要；3，js的封装：function Person (name,agei,sal) = name;/ 公开的属性var age = agei; / 私有属性var salary=sal; / 私有属性-外部不能访问；/ 在类中如何定义公开方法（特权方法），私有方法（内部方法）/ 如果我们希望操作私有的属性，则可用公开方法实现this.show=function()window.alert(age + +salary); / age，salary是私有属性;/ 私有方法，可以访问对象的属性function show2()window.alert(age+ +salary); /私有方法也可以访问私有属性var p1 = new Person(sp,20,50000);window.alert();p1.show(); /可以访问p1.show2(); / 不可以访问，因为show2是私有方法，对象不能访问；p1.age; /不可以访问，因为age为类【原型对象】的私有属性；/不能在类的外部使用私有的方法；4,特别强调：我们前面学习过，通过prototype给所有对象添加方法，但是这种方式，不能去访问类的私有属性和方法；例如：function Person() = abc;var age=90;Ptotype.fun1 = function()window.alert(); /这样是ok的window.alert(age);/ 这样是错误的var p1 = new Person();p1.fun1();5,继承主要是用来体现代码复用的问题；6，解决代码冗余问题-用继承；7，怎么解决代码冗余-通过继承来实现/抽象出一个学生类，（即把中学生和小学生的共性取出）function Stu(name,age)=name;this.age = age;this.show = function()window.alert( +“”this.age);function MidStu(name,age) /MidStu是新的类名，我们通过继承来提高代码复用;this.stu = Stu; /这里实际上把类Stu的构造函数赋给这个变量this.stu(name,age);/js中实际上是通过对象冒充，来实现继承，这句话不能少；function Pupil(name,age)this.stu=Stu;this.stu(name,age); / 这句话必须有哦var midStu = new Midstu(宏文,20);midStu.show(); / 成功;通过继承来实现8,js是动态语言;9,js也是可以实现多重继承的，在写一遍就行了呗；10，Object类是所有类的基类；11，通过对象冒充，js可以实现多重继承的效果，用的少；12，js中不支持重载，不可以通过参数的个数和类型来决定调用哪个函数，但是因为js本身支持可变参数，所以，可以看成天然支持重载，通过arguments来进行判断；13，重写：子类重新写函数来覆盖父类的函数；14，所谓多态，就是指一个引用（类型）在不同情况下的多种状态，在java中多态是指通过指向父类的引用，来调用在不同子类中实现的方法；js实际上是无态的，是一种动态语言，一个变量的类型是在运行的过程中由js引擎来决定的，所以所，js天生就支持多态；第37讲；1，闭包和gc【垃圾回收机制】是相关联的；2，闭包实际上是涉及到一个对象的属性，何时被gc的处理的问题；第38讲；js内部类，js系统函数1，js的内部类：javascript中本身提供一些，可以直接使用的类，这种类就是内部类；主要的内部类有：Object/Array/Math/Boolean/RegExp/Date/Number;2,js中按使用的方式，内部类分为静态类和动态类；静态类：类名.属性|方法比如：Math.abs(-12);动态类：var 对象= new 动态类() ,对象.属性|方法比如：/显示当前的日期var nowdate = new Date();window.alert(nowdate.toLocaleString);3,String 类的split函数；-它是把字符串分割为一个数组var str=abc def oop;var arr = str.split( );/如果()就是一个一个分window.alert(arr);/arr就是一个数组；4,String 类的substr和substring函数;var str3 = abcdef;window.alert(str3.substr(1,3);/表示从第一位取，取3位；bcdwindow.alert(str3.substring(1,3);/表示从第一位取，第3位前一位止；bc;5,停：48:20处：2014-07-316,var str5=ab 123 56 ab;window.alert(indexOf+str5.indexOf(ab);/返回结果为0;indexOf的作用是返回指定字符串在字符串中第一次出现的位置，如果找不着它就会返回-1；7，String是一个动态类;String是一个动态类；8, Array类提供了对数组的操作，使用Array类可以轻松的创建数组，并对数组进行删除，排序和合并等操作；var myArr1 = new Array(); / 它的数组的大小应该是0；可动态的添加元素：myArr10=3; myArr11=hello;var myArr2 = new Array(12,34,3,56,白骨精);myArr20=牛魔王；myArr21=红孩儿;9,myarr.pop();/删除最后一个添加的元素； myarr.push();/添加一个元素;10, boolean类是一个动态类；它的常用方法，toString ,valueOf();11，系统函数也叫全局函数；12，js系统函数:eval() /可以把一个字符串当做脚本来运行，如我们可以拼接成一个字符串，用处很大哦！第39讲：js时间驱动机制，js事件分类，js访问css技术事件源，事件对象由系统帮我们产生,一般用event，会传递给事件处理程序，事件处理程序1，js是采用时间驱动（event-driven）响应用户操作的。比如通过鼠标或者按键在浏览器窗口或者网页元素（按钮，文本框，.）上执行的操作，我们称之为事件（event）。由鼠标或热键引发的一连串程序的动作，称之为时间驱动(event-driven).对事件进行处理的程序或者函数，我们称之为事件处理程序(event handler).2,一个事件交给谁处理，是有一个前提的，就是该事件要被相应的函数监听；一个事件可以被多个事件处理程序处理；3，js中事件的分类：鼠标事件：当用户在页面上用鼠标点击页面元素时，对应的dom节点会触发鼠标事件，主要有click,dbclick,mousedown,mouseout,mouseover,mouseup,mousemove等；键盘事件：当用户用键盘键入信息时，会触发键盘操作事件，主要包括keydown,keypress,keyup等。HTML事件：在html节点加载变更等相关的事件，比如window的onload，unload,abort,error,文本框的select,change等。其他事件：页面中的一些特殊对象运行过程中产生的事件，比如xmlhttprequest对象的相关事件；4，js如何操作外部css：function test4(eventObj)/获取mycss.css【外部css】中所有class选择器都获取var ocssRules = document.styleSheets0.rules;/从ocssRules中取出你希望的class/ocssRules0;这里的0表示mycss.css文件的中的第一个属性；var style = ocssRules0;if(eventObj.value =黑色)style1.style.backgroundColor=black;else if(eventObj.value=红色)style1.style.backgroundColor = red;第40讲：js事件驱动机制深入理解，js常用事件，js版计算器；1，一个事件可以被多个函数监听；2，window有三个事件：onload:页面打开，onbeforeunload:关闭页面前，onunload:关闭页面：3，禁用右键和选择文字： /后面的那个是禁止拷贝页面内容；.第41讲：dom编程1，dom编程，也是我们学习ajax技术的基础，所以我们必须掌握好dom编程；2，html标签我们称之为文档，dom编程就是把html页面中的元素当做对象来进行处理的；3，如果javascript动态的去操作html文件，我们就叫做html dom编程，如果javascript动态的去操作xml文件，我们就叫做xml dom编程。4，现在的主流语言都要支持xml编程，如java，c，c+，c#等；5，xml现在是数据的标准；6，对象就会被提供许多方法；通过对象的方法，可以对html元素进行动态的控制；第42讲：1，dom编程的核心就是各个dom对象；dom编程的核心就是各个dom对象；2，bom是定义浏览器之间的规范，因为做浏览器的厂家很多； 3，dom代表html文档；4，js把浏览器，网页文档和网页文档中的html元素都用相应的内置对象来表示，这些内置对象就是dom对象，编程人员通过访问dom对象，就可以实现对浏览器本身，网页文档，网页文档中元素的操作，从而控制浏览器和网页元素的行为和外观；5，window对象表示一个浏览器窗口或一个框架。在客户端javascript中，window对象时全局对象，要引用当前窗口根本不需要特殊的语法，可以把那个窗口的属性作为全局变量来使用。在使用window对象的方法和属性的时候，可以不带window,因为默认就是window对象。比如：window.alert(张宏文！);，可以直接写成alert(张宏文！);第43讲：dom对象（window对象）1，function test3()newWindow.document.getElementById(info).value = window.alert($(info2).value);/这里用到了下面的函数 function $(id) / -有些人会这样写函数，这也是函数的一种常用写法；return document.getElementById(id);2,Ajax一个最重要的特点就是它可以无刷新的聊天，【通过服务器进行聊天就用的是Ajax技术】；3，例子：function checkuser()if($(uname).value=shunping & $(pwd).value=123)window.alert(ok);return true;elsewindow.alert(no ok!);return false;/ 定义一个通用的函数function $(id)return document.getElementById(id); /它表示通过id来获得这个对象，它表示通过id来获得这个对象；u:p: /onclick前面得加上return，否则不起作用，当onclick返回false的时候，onclick失效，就是不向后台提交数据；4,例子2：function tiao()clearInterval(mytime);window.open(manager.html,_self); / window.open(manager.html,”_self”);覆盖当前页面setTimeout(tiao(),5000);function changeSec()/得到myspan的值$(myspan).innerText=parseInt($(myspan).innerTex