JavaScript基础笔记

1、JavaScript基础笔记目录Css中的position的fixed属性使用方法3课程一4JavaScript概述：4Javascript与java的不同：4JavaScript语法：4JavaScript语句：5JavaScript数组：5JavaScript函数：6课程二8对象：8JavaScript中特有的语句：9With语句：9For in语句：9JavaScript中已有的对象：10String对象10Math对象：11Data对象：11对象的原型：prototype。12课程三：14DOM14Dom的三层模型：14JavaScript获取节点并改变样式：14用JavaScript

2、写一个猜数字的游戏。15第四讲：15JavaScript回顾：15给array添加新的查找最大值的方法：17给string添加新的方法（给字体添加样式，此方法原本已有，名为fontcolor）18第五讲：dom操作18深入了解dom18样式对象：18节点介绍19节点类型：19节点关系：19获取节点的方法：19节点的获取举例：20第六讲：21Window对象21获取当前窗体的名称和浏览器的版本信息21获取当前页面的href值22Confirm对话框：22Window对象的moveBy方法；（演示中，只对ie有效）23Window对象的moveTo方法：（演示中，只对ie有效）23抖动窗口的设置：

3、（演示中，只对ie有效）23用JavaScript打开一个新的窗口。Open函数23Close和setTime函数的使用23Window的setInterval函数24Window的三个事件。24Window的focus方法：25Window的event事件25DOM编程的大致顺序：26正则表达式的两个方法：26正则表达式的匹配的两种方法：26Css中的position的fixed属性使用方法使用举例：显示结果：课程一JavaScript概述：Javascript与java的不同：JavaScript中多个布尔值进行比较的时候，尽力用双与（&&）或双或（|）JavaScript

4、语法：JavaScript语句：Switch语句：JavaScript数组：JavaScript函数：JavaScript的函数中的自带数组JavaScript的函数有一个自带的数组，用于存放函数传递过来的参数，这个数组名叫arguments.如：29这时函数运行后，显示还是haha，并没有显示参数，参数是被保存到arguments数组中去了如下：这时，就显示了arguments数组的长度，就为传递过来的参数数组的长度。动态函数：（使用相对较少）匿名函数：（通常用于事件的处理）常用实例如下两种方法都可 构造函数：课程二对象：自写一个对象：在另外一个js文件中调用格式：JavaScript中特有

5、的语句：With语句：简化了代码的写法。原本应该是这样的：Alert(+”.”+stu.age);For in语句：最后打印时是可以用for in语句的，注意打印语句括号中的写法用for in遍历数组：JavaScript中已有的对象：String对象取得字符串中的特定位置的字符:（用charAt方法）给原字符串上加一个<b></b>标签，即加粗，使用bold方法给元字符串添加颜色：给原字符串添加超链接：Substring()与substr()方法的作用如下：截取字符串中的第二个位置到第四的位置的字符，赋值给k；（注意从0开始计数）从字符串中的第二个位置

6、开始，截取四个字符赋值给l.（也是从0开始数位置）Math对象：产生随机数的方法：math.random()结果：进制转换：parseInt（）和toString（）方法parseInt(str,radix)方法是将字符串转换成整型数字，有两个参数，第一个参数是必须的，是要转换的字符串，第二个参数是可选的，是字符串进行解析的基数，如果是2就解析的结果就是按照二进制解析的结果，如果是8，结果就是八进制的结果，如果省略或者是10，就是按照十进制解析的结果parseInt将其他进制转换成二进制。其中的1001是二进制数字，2表示的是十六进制，结果将前面的数转换成十进制后返回。总结下，parseInt

7、(Number)里面的值:如果是第一位不是0就遇到字母就停止解析，并把字母前面的值作为10进制去解析，如果第一个就是字母那么值就是空，空成了NaN,比如:parseInt("a")=>parseInt("",10)=>NaN.parseInt("10a")=>parseInt("10")=>parseInt("10",10)=>10;如果第一位是0,且第2位不是x也和上面一样遇到字母就停止解析，并把字母前面的值作为8进制去解析,比如:parseInt("0

8、a")=>parseInt("0")=>parseInt("0",10)=>0.PS:这个有点特殊，因为0a被解析成了0，还不具备看做是8进制的结构，下面那个就明显了。parseInt("010a")=>parseInt("010")=>parseInt("10",8)=>8;如果第一位是0,且第2位是x那后面也和上面一样遇到字母就停止解析，并把字母前面的值作为16进制去解析,比如:parseInt("0xt")=>pars

9、eInt("",16)=>NaN.parseInt("0x12t")=>parseInt("12",16)=>18.toString是将十进制转换成其他进制。其中参数为转换目的进制，x为被转换的十进制数。Data对象：对象的原型：prototype。作用：拿到原对象的引用，并在其基础上添加新的自定义功能。在这里是给Array添加了一个新的功能，即getZuiDa给array对象原型添加三个新的方法，在使用时，便可直接调用添加方法：在arraytool.js文件的上面，已写好了GetMax，GetMin，和printA

10、rray这三个函数。在这里直接将其添加到原型里去。在arraytool.js里面定义好以后，便可在其他页面用以下方法使用：给string对象原型添加新的方法去掉字符串前后的空格：调用：翻转字符串:调用：课程三：DOM概念：Dom的三层模型：Dom1：将html文档封装成对象Dom2：将xml文档封装成对象；Dom3：将xml文档封装成对象。Dhtml：动态的html，只是多种技术的综合体。由html，css，dom，JavaScript组成。Html：将数据进行封装；Dom：将标签封装成对象；Css：负责标签中数据的样式；JavaScript：将三者进行融合，通过程序设计的方式来完成动态效果的

11、操作XmlHttpRequenst-这个叫AJAXJavaScript获取节点并改变样式：Html代码：用JavaScript写一个猜数字的游戏。Html代码：第四讲：JavaScript回顾：1、 变量。2、 语句。有if,switch,for,while,do while等语句3、数组的定义：Var arr=2,5,2,4,3,4,7,5为二维数组。4、函数的种类和定义：5、对象自定义对象：JavaScript中已定义好的对象：给array添加新的查找最大值的方法：给string添加新的方法（给字体添加样式，此方法原本已有，名为fontcolor）常见的全局方法：将其他进制转换成十进制：第

12、五讲：dom操作深入了解dom样式对象：在css中的属性是background-color，但在js中的写法是backgroundColor。即给divobj节点赋予新的背景色节点介绍注意：标签之间存在空行是，会出现一个空的文本节点，因此获取时要注意节点类型：标签型节点类型：类型：1；文本型节点：类型是3；注释型节点：类型是8；Document：类型是9；属性节点：类型是2；节点关系：父节点，通过parentNode子节点，childNodes:直接子节点。返回的是一个节点对象的集合兄弟节点：上一个兄弟节点:previousSibling下一个兄弟节点:nextSibling获取节点的方法：1

13、、可以通过节点的层次关系完成；即使用parentNode，childNodes，nextSibling,previousSibling等方法2、也可通过document对象完成。1) getElementById:通过id属性值获取对应的节点对象，如果有多个id值相同，获取到的是第一个id所属对象，所以尽量保证id的唯一性，返回的是一个对象。2) getElementsByName:通过标签的那么属性获取对象。返回一堆对象，其实是一个对象数组。3) getElementsByTagName:既没有id，也没有name属性时，可以通过标签名来获取节点对象，返回了一堆对象，其实是一个数组。大多容器

14、型（标签中可以写标签）标签都具备这个方法。3、all方法：取得文档中的所有的节点，除了文本节点和标签与标签之间的空白文本节点。节点的获取举例：使用层次关系获取节点Html代码：获取到任意单元格里面的内容。只需改变if判断语句中的字符串的值第六讲：Window对象获取当前窗体的名称和浏览器的版本信息结果显示：获取当前页面的href值结果显示：Confirm对话框：它是有返回值的，当点击确定，则返回true，点击取消，返回false结果显示：Window对象的moveBy方法；（演示中，只对ie有效）Window对象的moveTo方法：（演示中，只对ie有效）抖动窗口的设置：（演示中，只对ie有效

15、）用JavaScript打开一个新的窗口。Open函数Close和setTimeout函数的使用设置窗体在规定的时间后自动关闭.setTimeOut函数以及close函数。SetTimeOut函数只执行一次，Window的setInterval函数Window的三个事件。Onload,unonload,onbeforeunload制作流氓广告：浏览器一加载完毕就触发广告，在广告页面中关闭之后（即onunload事件触发时），又再一次执行open语句，打开广告。Window的focus方法：使得窗体一直具有焦点。在这里是使这个广告页面每隔3秒聚焦一次。Window的event事件Window的获

16、取键盘事件，并把输入的字符转换成ascma值。keyCode方法设置文本输入框中只能输入数字：如输入错了，则不允许输入进去。ReturnValue可以将事件从中间取消。取得事件源对象：（鼠标聚焦的事件）event的属性，srcElementDOM编程的大致顺序：1、 定义界面：通过html的标签将数据进行封装2、 定义一些静态的样式：通过css定义3、 需要动态的完成的和用户的交互a) 先明确事件源b) 明确事件将事件注册到事件源上c) 通过js的函数对对象事件进行处理d) 在处理过程需要明确被处理区域创建正则表达式的两个方法：1、 var regex= /w3,5$/-意思是a-z，0-9，

17、A-Z这些元素任意出现3到5次；2、 var regex = new RegExp(“/w3,5$/”);正则表达式的匹配的两种方法：1、 regex.text(value);其中regex是自己编写的正则表达式，value是待匹配的值，这个式子有两个返回值，如果匹配合格返回true，不合则返回false。2、 value.match(regex);返回值是一个数组，如果成功，则返回一个数组。如果不符合则返回一个空的数组。Search是查找原字符串中是否含有被查找的字符串，如有，则返回匹配的第一个字符串的索引。如下：Match是一个匹配，如找到，则返回被找到的结果，如没有，则返回nullRep

18、lace替换方法，找到原字符串中对应的字符串，将其替换成给出的字符串，如没有加全局g，则只替换第一个匹配的字符串。执行的是原字符串的副本，对原始字符串没有影响。字符串分割匹配电话号码的正则表达式：电子邮箱的正则表达式：/w+(-w+)|(.w)+)*a-zA-Z0-9+(.|-)a-zA-Z0-9)*.(a-zA-Z0-9+)/非空：/S+&/-S是匹配任何非空白字符，+号是出现一次或多次。邮编：/d6/-d是匹配数字字符（0-9），6出现的次数是6次日期：/d4(.|-)d1,2(.|-)d(1,2)$/Javascript中的call和apply的理解，意义，以及区别：call, apply都属于Ftotype的一个方法,它是JavaScript引擎内在实现的,因为属于Ftotype,所以每个Fun