window对象的使用方法Word下载.docx

1、 1. substr（）: 截取子字符串,两个参数，第一个参数是下标，第二个参数是截取的长度 2. substring（）: 截取子字符串，两个参数，代表的是下标 */ function fun（） /1.拿到p标签对象 var p = document.getElementById（p） ; /2.拿到p标签对象的主体内容 var txt = p.innerHTML ; /innerHTML必须是有开始标签和结束标签的标签对象才能使用 /3.改变字体内容，再赋值回去 p.innerHTML = txt.big（）.big（） ; /示例：点击变变变1按钮，让p标签中的文本的颜色随机变换 va

2、r arr = red,bluegreenyellow#666666 ; function fun1（） var p = document.getElementById（ /2.随机取得一个整数作为数组的下标 var index = Math.floor（Math.random（）*arr.length） ; /3. 拿到p标签对象的主体内容 / var txt = p.innerHTML ; var txt = p.innerText ; /3.给p标签对象的主体内容改变颜色，并赋值回去 p.innerHTML = txt.fontcolor（arrindex） ; / alert（p.in

3、nerHTML） ; setTimeout（fun1（）,500） ; function fun2（） var txt = document.getElementById（h1）.innerHTML ; txt = document.getElementById（）.innerText; alert（txt） ; var s = abcdefg ; /alert（s.substring（2,3） ; / alert（s.substring（300,-200） ; alert（s.substr（2,3） ; /3是i长度，不是索引 /-/scriptbodyp id = 大input type=

4、button value=变变变 onclick=fun（）变变变1h1 id = font你好/h1演示innerHTML和innerText的区别fun2（）/body/html2 Math对象Math对象 Math对象： 1.floor（x）: 取得小于等于x的最大整数 2.ceil（x） :取得大于于等于x的最大整数 3.random（）: 取得01之间的随机数（可以等于0，永远不能取得1） 4.round（）: 四舍五入为整数 var a = 3.1; alert（Math.floor（a） ; alert（Math.ceil（a） ; alert（Math.round（a）3 Da

5、te对象Date对象 Date对象：1.拿到当前时间：new Date（） ; 2.拿到年月日，时分秒： getXXX（） ; */ var d = new Date（） ; alert（d.toLocaleString（） ; alert（d.getYear（） ; alert（d.getMonth（）; alert（d.getDate（） ; alert（d.getDay（） ;4 正则表达式Document 5 window对象的属性 window对象的属性： 1.innerHeight: 返回文档显示区的高度 2.innerWidth: 返回文档显示区的宽度 IE不支持 通用写法： w

6、indow.document.body.clientWidth ; 3. outerheight 包括了工具栏，菜单栏等的高度 4. outerwidth 包括滚动条的宽度 function init（） var x = window.document.body.clientWidth ; var y = window.document.body.clientHeight ; alert（x + + y） ;body onload = init（）p6 window对象的opener，parent 属性window对象的opener,parent属性 window对象的属性: 1. opene

7、r: 代表的是父窗口.window 应用opener，必须要求两个窗口有父子关系 1.超链接（设置target属性为_blank） 2.window.open（）打开的窗口 2. parent: 使用地方：1. 框架中 2. 内嵌框架 3. frames: 拿到子窗口 self.open（sub.htmltext name= id = txt 打开sub.html页面a href = target = _blank打开sub.html页面7 window对象的parent属性window对象的parent属性8 window对象的status属性状态栏显示当前时间 /拿到当前时间 /设置状态栏

8、的文本 self.status = d.toLocaleString（） ;,1000） ;9 window对象的三种对话框window对象的三种对话框 /* 三种对话框：1. 消息框：alert（） ; 2. 确认框: confirm（） :返回Boolean类型的值 3. 输入框: prompt（）: 返回输入的字符串（了解） /window.alert（你好 /*while（true） if（confirm（你爱我吗？） = false） continue ; break ; */ var a = prompt（请输入年龄：,12） ; alert（a） ;10 window对象的clo

9、se方法window对象的close方法 window.close（） ;11 window对象的open方法window对象的open方法 window.open（width=200,height=200,status=no,titlebar=no,menubar=no,toolbar=no,resizable=012 window对象计时器window对象的计时器window对象的计时器：1.setTimeout（）: 隔一段时间调用某个函数（只调用一次）,返回的是一个计时器（理解成一个手表） clearTimeout（） ：销毁由setTimeout（）产生的计时器 2.setInter

10、val（）: 每隔一段时间调用某个函数（多次调用）clearInterval（）: 销毁由setInterval（）产生的计时器 var t ; var t1 ; /拿到p标签的主体内容 var p= document.getElementById（ var v = p.innerHTML ; /将主体内类转换为number,转换后赋值回去 p.innerHTML = v*1-1 ; t = setTimeout（ clearTimeout（t） ; t1 = setInterval（,1000）; function fun3（） clearInterval（t1） ; function fun4（） t1 = setInterval（10演示setTimeout方法演示clearTimeout方法演示setInterval方法fun4（）演示clearInterval方法fun3（）13 window对象的模态窗口window的模态窗体 模态窗体: / window.showModalDialog（ window.showModelessDialog（）;14 location对象Generato