window对象的使用方法Word下载.docx
《window对象的使用方法Word下载.docx》由会员分享，可在线阅读，更多相关《window对象的使用方法Word下载.docx（18页珍藏版）》请在冰点文库上搜索。
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（）{
varp=document.getElementById（"
//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（"
）.innerText;
alert（txt）;
vars="
abcdefg"
;
//alert（s.substring（2,3））;
//alert（s.substring（300,-200））;
alert（s.substr（2,3））;
//3是i长度，不是索引
//-->
/script>
body>
pid="
大<
/p>
inputtype="
button"
value="
变变变"
onclick="
fun（）"
变变变1"
h1id="
font>
你好<
/font>
/h1>
演示innerHTML和innerText的区别"
fun2（）"
/body>
/html>
2Math对象
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对象
Date对象<
Date对象：
1.拿到当前时间：
newDate（）;
2.拿到年月日，时分秒：
getXXX（）;
*/
vard=newDate（）;
alert（d.toLocaleString（））;
alert（d.getYear（））;
alert（d.getMonth（））;
alert（d.getDate（））;
alert（d.getDay（））;
4正则表达式
Document<
<
varreg=/（..）./;
//括号表示子匹配，就是对结果进一步匹配
abcde"
alert（reg.test（s））;
//测试字符串中是否包含正则表达式中所匹配的字符串,返回的是boolean类型的
alert（reg.exec（s）.length）;
//以数组的形式返回匹配的正则表达式的字符串
alert（reg.exec（s）[0]+"
:
+reg.exec（s）[1]）;
//-->
5window对象的属性
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）;
bodyonload="
init（）"
p>
6window对象的opener，parent属性
window对象的opener,parent属性<
window对象的属性:
1.opener:
代表的是父窗口.window
应用opener，必须要求两个窗口有父子关系
1.超链接（设置target属性为_blank）
2.window.open（）打开的窗口
2.parent:
使用地方：
1.框架中
2.内嵌框架
3.frames[]:
拿到子窗口
self.open（"
sub.html"
text"
name="
id="
txt"
打开sub.html页面"
ahref="
target="
_blank"
打开sub.html页面<
/a>
7window对象的parent属性
window对象的parent属性<
//1.拿到文本框中填写的数据
varv=document.getElementById（"
）.value;
//2.拿到子窗口对象
varw=window.frames[0];
//3.拿到子窗口中的文本框对象
vartxt=w.document.getElementById（"
//4.将内容赋值给父窗口中的文本框对象的value属性
txt.value=v;
姓名：
传递数据到子窗口中"
iframesrc="
sub1.html"
/iframe>
8window对象的status属性
状态栏显示当前时间<
//拿到当前时间
//设置状态栏的文本
self.status=d.toLocaleString（）;
1000）;
9window对象的三种对话框
window对象的三种对话框<
/*
三种对话框：
1.消息框：
alert（）;
2.确认框:
confirm（）:
返回Boolean类型的值
3.输入框:
prompt（）:
返回输入的字符串（了解）
//window.alert（"
你好"
/*while（true）{
if（confirm（"
你爱我吗？
）==false）
continue;
break;
}*/
vara=prompt（"
请输入年龄：
12）;
alert（a）;
10window对象的close方法
window对象的close方法<
window.close（）;
11window对象的open方法
window对象的open方法<
window.open（"
width=200,height=200,status=no,titlebar=no,menubar=no,toolbar=no,resizable=0"
12window对象计时器
window对象的计时器<
window对象的计时器：
1.setTimeout（）:
隔一段时间调用某个函数（只调用一次）,返回的是一个计时器（理解成一个手表）
clearTimeout（）：
销毁由setTimeout（）产生的计时器
2.setInterval（）:
每隔一段时间调用某个函数（多次调用）
clearInterval（）:
销毁由setInterval（）产生的计时器
vart;
vart1;
//拿到p标签的主体内容
varp=document.getElementById（"
varv=p.innerHTML;
//将主体内类转换为number,转换后赋值回去
p.innerHTML=v*1-1;
t=setTimeout（"
clearTimeout（t）;
t1=setInterval（"
1000）;
functionfun3（）{
clearInterval（t1）;
functionfun4（）{
t1=setInterval（"
10<
br>
演示setTimeout方法"
演示clearTimeout方法"
演示setInterval方法"
fun4（）"
演示clearInterval方法"
fun3（）"
13window对象的模态窗口
window的模态窗体<
模态窗体:
//window.showModalDialog（"
window.showModelessDialog（"
）;
14location对象
Generato
升级会员 