windows对象 document对象 的一些操作 9.23

函数: 四要素

1.返回类型
2.函数名
3.参数列表
4.函数体

window . 对象

opener  打开当前窗口的源窗口  alert(window.opener);

open( )     例子：

先给他设置一个按钮名。

window.open("第一部分"，"第二部分"，"第三部分"，"第四部分"）；

特征参数：

第一部分：写要打开的页面地址
第二部分：打开的方式，_blank 是在新窗口打开 _self
第三部分：控制打开的窗口，可以写多个，用空格隔开
toolbar=no新打开的窗口无工具条
menubar=no无菜单栏 status=no无状态栏
width=100 height=100 宽度高度
left=100 打开的窗口距离左边多少距离
resizable=no窗口大小不可调
scrollbars=yes 出现滚动条
location=yes 有地址栏

返回值：新打开的窗口对象

2：最简单的打开窗口
window.open("http://www.baidu.com","_blank","toolbar=no"); 在一个新窗口中打开百度。

3：打开窗口，并保存在一个变量中
var w= window.open()；

4：只打开窗口一次，例子如下：

if(w==null)
{
w=window.open("http://www.baidu.com","_blank","toolbar=no");
}

这里用一个if语句，判断w的值是否为空，打开一个窗口之后w的值就不为空了，之后再点击鼠标调用此函数则不执行打开新窗口。

close( )   关闭指定的窗口
setinteval( )    ("要执行的代码"，间隔的毫秒数)
setTimeout( )   ("要执行的代码"，延迟的毫秒数)

history

window.history对象

历史记录，通过历史记录可以操作页面前进或者后退

window.history.back();后退

window.history.forward();前进

window.history.go(n); n是正数代表前进n个页面，n是负数代表后退n个页面。

location

location地址栏

var s = window.location.href;获取当前页面的地址

window.location.href="http://www.baidu.com";修改页面地址，会跳转页面 *******

window.location.hostname: 主机名，域名，网站名，可用变量接收

window.location.pathname: 路径名，可用变量接收

document . 对象

找元素: 第一方法：getElementById()根据ID找

alert(document.getElementById("ID名")); 根据ID找
根据class找。 返回数组，有几个标签名就出来数字是几。

第二种方法：　getElementsByClassName()根据class找，返回数组

var attr = document.getElementsByClassName("class名");
alert(attr[2]);

第三种方法：getElementsByName()根据name找，返回数组

根据name找。 返回数组，有几个标签名就出来数字是几。
alert(document.getElementsByName("name名")[0]);

第四种方法：getElementsByTagName()根据标签名找，返回数组

根据标签名找。 返回数组，有几个标签名就出来数字是几。
alert(document.getElementsByTagName("div").length);

操作内容：
普通元素：

innerText获取内容文本我们能够看到的操作内容：

普通元素：例子
var a = document.getElementById("a");
1.获取内容文本
alert(a.innerText);
2.设置内容
a.innerText = "ok"; 要把（ok）设置进去 (a)只是一个名称可以随便的

innerHTML获取标签里所有内容所有代码包括标签

例子：

3.获取内容代码

alert(a.innerHTML);
4.设置内容
a.innerHTML = "<span style='color:red'>ok</span>";

5.显示出标签
a.innerText = "<a href='#'>超链接</a>";

表单元素：
value

操作属性：
.setAttribute(属性名,属性值)设置属性
.removeAttribute(属性名)移除属性
.getAttribute(属性名)获取属性

操作样式：

a.style.width获取样式

例：：：
操作样式
var a = document.getElementById("d");

1.获取样式,只能获取内嵌的
alert(a.style.width);

2.设置样式
a.style.fontSize = "30px";

3.修改样式
a.style.backgroundColor = "green";
a.style.color="white";