window对象的使用方法.docx

上传人:b****8 文档编号:9724860 上传时间:2023-02-06 格式:DOCX 页数:18 大小:19.32KB
下载 相关 举报
window对象的使用方法.docx_第1页
第1页 / 共18页
window对象的使用方法.docx_第2页
第2页 / 共18页
window对象的使用方法.docx_第3页
第3页 / 共18页
window对象的使用方法.docx_第4页
第4页 / 共18页
window对象的使用方法.docx_第5页
第5页 / 共18页
点击查看更多>>
下载资源
资源描述

window对象的使用方法.docx

《window对象的使用方法.docx》由会员分享,可在线阅读,更多相关《window对象的使用方法.docx(18页珍藏版)》请在冰豆网上搜索。

window对象的使用方法.docx

window对象的使用方法

1字符串对象

doctypehtml>

String对象

--

/*

String对象的方法:

1.substr():

截取子字符串,两个参数,第一个参数是下标,第二个参数是截取的长度

2.substring():

截取子字符串,两个参数,代表的是下标

*/

functionfun(){

//1.拿到p标签对象

varp=document.getElementById("p");

//2.拿到p标签对象的主体内容

vartxt=p.innerHTML;//innerHTML必须是有开始标签和结束标签的标签对象才能使用

//3.改变字体内容,再赋值回去

p.innerHTML=txt.big().big();

}

//示例:

点击变变变1按钮,让p标签中的文本的颜色随机变换

vararr=["red","blue","green","yellow","#666666"];

functionfun1(){

//1.拿到p标签对象

varp=document.getElementById("p");

//2.随机取得一个整数作为数组的下标

varindex=Math.floor(Math.random()*arr.length);

//3.拿到p标签对象的主体内容

//vartxt=p.innerHTML;

vartxt=p.innerText;

//3.给p标签对象的主体内容改变颜色,并赋值回去

p.innerHTML=txt.fontcolor(arr[index]);

//alert(p.innerHTML);

setTimeout("fun1()",500);

}

functionfun2(){

vartxt=document.getElementById("h1").innerHTML;

txt=document.getElementById("h1").innerText;

alert(txt);

}

vars="abcdefg";

//alert(s.substring(2,3));

//alert(s.substring(300,-200));

alert(s.substr(2,3));//3是i长度,不是索引

//-->

你好

2Math对象

doctypehtml>

Math对象

--

/*

Math对象:

1.floor(x):

取得小于等于x的最大整数

2.ceil(x):

取得大于于等于x的最大整数

3.random():

取得0~1之间的随机数(可以等于0,永远不能取得1)

4.round():

四舍五入为整数

*/

vara=3.1;

alert(Math.floor(a));

alert(Math.ceil(a));

alert(Math.round(a))

//-->

3Date对象

doctypehtml>

Date对象

--

/*

Date对象:

1.拿到当前时间:

newDate();

2.拿到年月日,时分秒:

getXXX();

*/

vard=newDate();

alert(d.toLocaleString());

alert(d.getYear());

alert(d.getMonth());

alert(d.getDate());

alert(d.getDay());

//-->

4正则表达式

doctypehtml>

Document

--

varreg=/(..)./;//括号表示子匹配,就是对结果进一步匹配

vars="abcde";

alert(reg.test(s));//测试字符串中是否包含正则表达式中所匹配的字符串,返回的是boolean类型的

alert(reg.exec(s).length);//以数组的形式返回匹配的正则表达式的字符串

alert(reg.exec(s)[0]+":

"+reg.exec(s)[1]);

//-->

5window对象的属性

doctypehtml>

Document

--

/*

window对象的属性:

1.innerHeight:

返回文档显示区的高度

2.innerWidth:

返回文档显示区的宽度IE不支持

通用写法:

window.document.body.clientWidth;

3.outerheight包括了工具栏,菜单栏等的高度

4.outerwidth包括滚动条的宽度

*/

functioninit(){

varx=window.document.body.clientWidth;

vary=window.document.body.clientHeight;

alert(x+":

"+y);

}

//-->

你好

6window对象的opener,parent属性

doctypehtml>

window对象的opener,parent属性

--

/*

window对象的属性:

1.opener:

代表的是父窗口.window

应用opener,必须要求两个窗口有父子关系

1.超链接(设置target属性为_blank)

2.window.open()打开的窗口

2.parent:

代表的是父窗口.window

使用地方:

1.框架中

2.内嵌框架

3.frames[]:

拿到子窗口

*/

functionfun(){

self.open("sub.html");

}

//-->

打开sub.html页面

7window对象的parent属性

doctypehtml>

window对象的parent属性

--

functionfun(){

//1.拿到文本框中填写的数据

varv=document.getElementById("txt").value;

//2.拿到子窗口对象

varw=window.frames[0];

//3.拿到子窗口中的文本框对象

vartxt=w.document.getElementById("txt");

//4.将内容赋值给父窗口中的文本框对象的value属性

txt.value=v;

}

//-->

姓名:

8window对象的status属性

doctypehtml>

状态栏显示当前时间

--

functioninit(){

//拿到当前时间

vard=newDate();

//设置状态栏的文本

self.status=d.toLocaleString();

setTimeout("init()",1000);

}

//-->

9window对象的三种对话框

doctypehtml>

window对象的三种对话框

--

/*

三种对话框:

1.消息框:

alert();

2.确认框:

confirm():

返回Boolean类型的值

3.输入框:

prompt():

返回输入的字符串(了解)

*/

//window.alert("你好");

/*while(true){

if(confirm("你爱我吗?

")==false)

continue;

break;

}*/

vara=prompt("请输入年龄:

",12);

alert(a);

//-->

10window对象的close方法

doctypehtml>

window对象的close方法

--

window.close();

//-->

11window对象的open方法

doctypehtml>

window对象的open方法

--

functionfun(){

window.open("sub.html","","width=200,height=200,status=no,titlebar=no,menubar=no,toolbar=no,resizable=0");

}

//-->

12window对象计时器

doctypehtml>

window对象的计时器

--

/*

window对象的计时器:

1.setTimeout():

隔一段时间调用某个函数(只调用一次),返回的是一个计时器(理解成一个手表)

clearTimeout():

销毁由setTimeout()产生的计时器

2.setInterval():

每隔一段时间调用某个函数(多次调用)

clearInterval():

销毁由setInterval()产生的计时器

*/

vart;

vart1;

functionfun(){

//拿到p标签的主体内容

varp=document.getElementById("p");

varv=p.innerHTML;

//将主体内类转换为number,转换后赋值回去

p.innerHTML=v*1-1;

t=setTimeout("fun()",1000);

}

functionfun1(){

//拿到p标签的主体内容

varp=document.getElementById("p");

varv=p.innerHTML;

//将主体内类转换为number,转换后赋值回去

p.innerHTML=v*1-1;

}

functionfun2(){

clearTimeout(t);

}

t1=setInterval("fun1()",1000);

functionfun3(){

clearInterval(t1);

}

functionfun4(){

t1=setInterval("fun1()",1000);

}

//-->

10


 

13window对象的模态窗口

doctypehtml>

window的模态窗体

--

/*

模态窗体:

*/

//window.showModalDialog("你好");

window.showModelessDialog("你好");

//-->

14location对象

doctypehtml>

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 小学教育 > 其它课程

copyright@ 2008-2022 冰豆网网站版权所有

经营许可证编号:鄂ICP备2022015515号-1