javascript基础.docx

1、javascript基础javascript 与java 一点关系都没有啊JS是用浏览器解释执行的，因此不同的类型的浏览器可能对JS的支持不一样js是弱数据类型语言在定义变量的时候，统一使用var表示，甚至可以去掉var这个关键字区分大小写num和NUM是两个变量每条语句结束后加一个分号查看变量v的数据类型 typeof v例：window.alert(v的数据类型是+typeof v);prompt() 用于接受用户输入的数值document.writeln()打印出用户输出的值在逻辑运算中 0，false，null，undefined，NaN，均表示为false在| 中 将返回第一个不为f

2、alse的那个值(对象也可)，或者是返回最后一个值（如果全部都是false的话）在需要的文件中引入JSeval() 函数把字符串当做脚本来执行例如： var str=window.alert(ok); eval(str);如果直接执STR则会输出字符串window.escape()编码函数unescape()解码函数通过指向函数的变量去调用函数例如： var myvar=函数名 myvar(实际参数)如果函数没有返回值，但是接收了，则返回的就是undefinedvar abc=89;function test() abc=900;test();window.alert(abc) /abc=90

3、0 abc=89;function test() abc=900test();window.alert(abc) /abc=900;var abc=89;function test()var abc=900;test(); window.alert(abc);/abc=89;this例题：function Person()this.name=abc;this.age=90;var p1=new Person();var p2=new Person();window.alert(p1.name+ p2.name);/都是输出abcthis.属性名 公开属性 可以通过对象名.属性名来直接访问var

4、 属性名 私有属性，只能通过对象的内部函数来访问function Person()var name=abc;/表示这个属性是私有的var age=900;/同上this.name2=abc2;/表示是公开的this.show=function() /公开的方法 window.alert(name+ +age);/可以访问到私有属性function show2() window.alert(name+ +age);/私有方法，只能在Person类中使用p1.show2();/这里会报错；哪个对象实例调用this所在的函数，那么this就代表哪个对象实例function test1() alert

5、(this.v);var v=90;window.test1();/输出90；this不能在类定义的外部使用，只能在类定义的方法中使用。例：function Person()this.abc=function() window.alert(hello);window.alert(this.v);/在这里报错为对象添加指定函数function Person() this.name=abc; this.age=90;function.show() window.alert(hello+this.name);var p1=new Person();p1.abc=show;p1.abc();提供原型方

6、法，多个对象可以共享一个代码但是这种方式不能直接访问类的私有属性和方法；function Dog()Var dog1=new Dog();Dog.prototype.shout=function()Window.alert(“小狗”);Dog1.shout();Var dog2=new Dog();Dog2.shout();= =的作用当= =的两边都是字符串的时候，则比较内容是否相等；如= =是数字，则比较数字大小是否相等；如果= =是对象或者是对象函数，则比较他们的地址是否相等；Object 类Object 类是所有javascript类的基类，提供了一种创建自定义对象的简单方式，不需要程

7、序员在定义构造函数主要属性：Constructor 对象的构造函数；Prototype-获得类的prototype对象，static性质主要方法：hasOwnProperty(property)-是否属于本类定义的属性isPrototypeOf(object)-是否是指定类的prototypepropertylsEnumerable(property)-是否可列举的属性toString()-返回对象对应的字符串valueOf()-返回对象对应的原始类型值原始方法创建对象：Function Person() Var p1=new Person();P1.name=”sp”;Object 方法Va

8、r p1=new Object();P1.name=”sp”;成员函数:1. 函数的参数列表可以是多个2. 函数可以没有返回值，但是最多有只能有一个。Js没有重载的概念Function test(a) Window.alert(a);Function test(a,b) Window.alert(a+” ”+b);Test(23);上面的代码会打印出 23undefined 因为没有重载的概念所以只会根据函数名找到最后面那个符合的函数，前面不管有多少个函数都不会去查找。构造函数1 构造函数（方法）是一种特殊的方法，它的主要作用是完成对对象实例的初始化。2 构造函数名和类名相同3 在创建一个对象

9、实例时，系统会自动调用该类的构造方法完成新对象的初始化。 function Person(name,age) this.name=name; this.age=age; var p1=new Person(abc,80); window.alert(p1.name); var p2=new Person(hello,50) window.alert(p2.name);再给对象初始化属性值的时候，也可以指定函数属性：function jisuan(num1,num2,oper) if(oper=+ ) return num1+num2; esle if(oper=-) return num1-n

10、um2; else if(oper=*) return num1*num2; else return num1/num2;function Person(name,age,fun) this.name=name; this.age=age; this.myfun=fun;var p1=new Person(ag,90,jisuan);window.alert(p1.name);window.alert(p1.myfun(90,80,+);对于比较简单的对象，我们也可以这样创建Var dog= name: “小明” ,age:8，fun1:function()window.alert(“hell

11、o,world”)；Window.alert(dog.name);Window.alert(dog.constructor);/打印构造函数Function test() Window.alert(this.name); Test.call(dog);/等价于 dog.test();For in 例：Var dog= name: “小明” ,age:8，fun1:function()window.alert(“hello,world”)；/循环列出DOG对象的所有属性和方法 对象名 ;For(var key in dog) window.alert(dogkey) ;/打印window对象的所

12、有属性和方法For(var key in window) document.writeln(key+”:”+windowkey+”); Js面向对象三大特征 封装，继承，多态封装：Function Person(name,agei,sal) This.name=name; /公开属性 Var age=agei; /私有属性 Var salary=sal; /私有属性 /定义一个公开方法 This.show=function () window.alert(age+” “+salary) ; /定义一个私有方法 Function show2() window.alert(age+” ”+sala

13、ry); Var p1=new Person(“sp”,20,50000);Window.alert(p1.name);P1.show();P1.show2();继承：Js实际上是通过对象冒充来实现继承的Function stu(name,age) This.name=name; This.age=age; This.show=function()Window.alert(this.name+” ”+this.age);Function MidStu(name,age) This.stu=Stu; This.stu(name,age); /这句话不能少，因为js是动态语言，如果不执行，则不能实

14、现继承效果。Js可以进行方法覆盖Js实际上是无态的，是一种动态语言，一个变量的类型是在运行的过程中由js引擎来决定的，所有说js天生支持多态。闭包：解释：闭包和GC（垃圾回收机制）是相关联的，闭包实际上是涉及到一个对象的属性何时被GC处理的问题。function A() this.i=0; function b() window.alert(i+); return b;A（）；/这样的用法 此时i的内存空间被回收Var c=A(); /这样用法i 的空间还在。C(); 输出0C（）；输出1；Js的内部类Javascript 中本身有提供一些可以直接使用的类这些类就是内部类主要有：ObjectA

15、rrayMathBooleanStringAegexp（正则表达式）NumberDateJs内部类 分为静态类和动态类动态类：在引用起属性和方法的时候var对象实例名=new（）类（）；对象实例名.方法（或属性）var nowdate=new Date();window.alert(nowdate);静态类：在引用起属性和方法的时候静态类.方法（或属性） /典型 math 类Window.alert(math.abc(-1); 返回绝对值；Array数组的大小是动态的Var myarr=new Array();Myarr0=90;Myarr1=80;Window.alert(myarr.len

16、gth);获取css中的style格式并修改/第一条规则.ssbackground-color:red;width:100px;/第二条规则.btn2Background-color:red;访问第一个CSSVar occRules.document.styleSheets0.cssRules | document.styleSheets0.rules;（注意：Mozilla和Safasi中是cssRules，而IE中是rules）/访问第二个CSSVar occRules.document.styleSheets1.cssRules|document.styleSheets1.rules;/

17、访问第一条规则Alert(ocssRules0.style.backgroundColor);/设置值第一条规则中的第二个值ocssRules1.style.width=”90px”;/访问第二条规则Alert(ocssRules1.style.background);/设置值第二条规则中的第一个值ocssRules0.style.background=”red”;判断当前浏览器的种类一个事件可以被多个函数监听防止用户通过点击鼠标右键菜单拷贝网页内容当用户试图选中网页文字拷贝时，给出提示版权所有，XXfunction test() window.alert(错误的操作); return fal

18、se;/禁止点击鼠标右键sdfasfsadfas不允许用户选中文字If(window.event)key=obj.keyCode; /获得用户按下键的CODE号 Window.event可以判断用户是通过点击按钮，还是键盘Dom编程是ajax的重要基础Dom 编程Dom=Document Object Model(文档对象模型) ，根据W3C DOM规范，DOM是HTML与XML的应用编程接口（API）,DOM将整个页面映射为一个由层次节点组成的文件。Js把浏览器，网页文档和网页文档中的html元素都用相应的内置对象来表示，这些对象与对象间的层次关系成为DOM，这些内置对象就是DOM对象，编程

19、人员通过访问DOM对象，就可以实现对浏览器本身，网页文档，网页文档中元素的操作，从而控制浏览器和网页元素的行为和外观。针对网页（html,jsp,php,）的dom就是html dom .我们这讲的就是html dom.Bom（the browser object model） 浏览器对象模型Confirm()setInterval():根据指定的时间循环的执行某个函数或者某个表达式每隔一秒弹出一个ALERTFunction sayHello() Window.alert(“hello”);setInterval(“sayHello()”,1000);在元素间的普通文本就是通过 对象名.inn

20、erText 来添加的例如：Document.getElementById(“mytime”).innerText=new Date();clearInterval();取消由 setInterval() 设置的 timeoutsetTimeout();在指定毫秒数后调用函数或计算表达式一次父窗口和子窗口的通讯Open()函数 执行后会返回一个句柄Var newWindow=window.open(“新窗口名”，“_blank”);Navigator对象：包含当前浏览器的各类信息Screen包含当前屏幕的信息 Event对象代表事件的状态 比如：onclick();绑定事件监听方法1 直接在某

21、个HTML控件上指定例如2 getElementById()获取控件后，在绑定document.getElementById(“but1”).onclick=test; 3 W3C DOM标准绑定(Object)document.getElementById(“but1”).addEventListener(“onclick”,fnHandler,bCapture);解除绑定(object)document.getElementById(“but1”).removeEventListener(“事件名”，fnHandler,bCapture);IE中独有的事件监听方法：绑定：Object.at

22、tachEvent(“事件名”，fnHandler)；解除绑定：object.detachEvent(“事件名”，fnHandler);fnHandler-函数名没有括号Document对象Document代表整个HTML文档，可用来访问页面中的所有元素。Document 对象是window对象的一个成员属性，通过window.document来访问，当然也可以直接使用document如何判断复选框被选中function test() var hobbies=document.getElementsByName(hobby); for(var i=0;ihobbies.length;i+) i

23、f(hobbiesi.checked) var text=hobbiesi.value; window.alert(您选中了+text); 足球旅游音乐Document.getElementsByName()；Document.getElementsByTagName();都是集合对象，都有长度，也就是有.length属性动态的创建元素，添加元素，删除元素Var myElement=document.createElement(“HTML的元素名字”);例如创建一个超链接：设置超链接属性：myElement.href=”a.html”;myElement.innerText=”连接到a ”；添

24、加到document.body上去Document.body.appenChild(myElement);删除元素删除元素需要知道上一级的父元素，例如上面的BODY，或者是DIVDocument.getElementById(“要删除的元素ID”).parentNode./得到父亲元素的对象removeChild(Document.getElementById(“要删除的元素ID”);NODE节点在DOM编程中，一个HTML文档会被当做一个DOM 树来对待，DOM会把所有的HTML元素映射成NODE节点，于是你就可以使用Node节点（对象）的属性和方法。NodeType属性规定节点的类型元素类

25、型 节点类型元素 1属性 2文本 3注释 4文档 5Body 对象代表文档的主体（html body）Body对象时document对象的一个成员属性，通过document.body来访问使用body对象，要求文档的主体创建后才能使用，也就是说不能在文档的body体还没有创建就去访问body。 Body对象的innerText，innerHTML说明：document.getElementById(span1).innerText=连接到搜狐/会作为文档添加document.getElementById(span1).innerHTML=连接到搜狐/会作为HTML元素添加body是属于docu

26、ment的对象成员；坦克转向：通过一次加载一个背景图通过显示该背景图不同的部分，实现转向的效果。myspan.innerText=”hello”; 向span中写入值全选Function selectCheck(obj) Window.alert(obj.innerText);取出超链接里面的值并弹出Var allforms=document.forms可以知道网页中有多少个表单当访问某个表单的某个元素的时候可以（1） document.forms第几个表单.元素的名字（2） document.forms.item(第几个表单).元素的名字Allforms1.hobby2.value等价于allforms.item(1).hobby2.value在验证表单的时候，可以在也可以Onerror 为在加载中遇到错误或加载失败触发的函数Onload 为加载成功后触发的函数All提供对文档所有HTML元素的访问删除表格中的一行deleteRow();向表格中插入一行InsertRow();在指定的一行添加列insertCell();正则表达式：所谓正则表达式就是用某种模式去匹配一类字符串的一个公式，反应到我们JS中就是一个RegExp对象。RegExp对象 regular expres