【JavaScript】JavaScript对象

window对象

先说概念 - - - -
浏览器对象模型（BOM）是JavaScript的组成之一，它提供了独立于内容与浏览器窗口进行交互的对象，使用浏览器对象模型可以实现与HTML的交互。

常用属性

window对象的常用属性
名称	方法
history	有关客户访问过的URL的信息
location	有关当前URL信息

语法：window.属性名="属性值";
示例：window.location = "www.csdn.net"; //表示跳转到该页面

window对象的常用方法
名称	说明
prompt()	显示可提示用户输入的对话框
alert()	显示一个带有提示信息和确定按钮的警示对话框
confirm()	显示一个带有提示信息、确定和取消按钮的对话框
close()	关闭浏览器
open()	打开一个鑫的浏览器，加载给定的url所指定的文档
setTimeout()	在指定的毫秒数后用函数或计算表达式
serInterval()	按照指定的周期（以毫秒记）来调用函数或表达式

语法：window.方法名();
window是全局变量，所以在使用window对象的属性和方法时，window可以省略。

1.confirm()

confirm()将弹出一个对话框
语法：confirm("自定义文本信息");

2.open()

在页面上弹出一个新的浏览器窗口。
语法：open("弹出窗口的url","窗口名称","窗口特征");

窗口的特征属性
height、width	窗口文档县市区的高度、宽度，以像素记
left、top	窗口的x坐标、y坐标
toolbar= yes | no | 0 | 1	是否显示浏览器的工具栏，默认是yes
scrollbars= yes | no | 0 | 1	是否显示滚动条，默认是yes
location= yes | no | 0 | 1	是否显示地址栏，默认是yes
status= yes | no | 0 | 1	是否添加状态栏，默认是yes
menubar= yes | no | 0 | 1	是否显示菜单栏，默认是yes
resizable= yes | no | 0 | 1	窗口是否可调节尺寸，默认是yes
titlebar= yes | no | 0 | 1	是否显示标题栏，默认是yes
fullscreen= yes | no | 0 | 1	是否使用全屏模式显示浏览器，默认是no

3.close()

close()方法用于关闭浏览器。
示例：window.close();

window对象的常用事件
名称	说明
onload	一个页面或一副图像加载完成加载（加载完成后执行一段javascript）
onmouseover	鼠标指针移到某元素之上
onclick	鼠标单击某个对象
onkeydown	某个键盘按键被按下
onchange	域的内容被改变

history对象和location对象

1.history对象

history对象提供用户最近浏览过的URL列表，但出于隐私方面，history对象不再允许脚本访问已经访问过的实际URL。

history对象的方法
名称	描述
back()	加载history对象列表中的前一个url
forward()	加载history对象列表中的下一个url
go()	加载history()对象列表中的某个具体url，go(-1)等同于back(),go(1)等同于forward()

location对象

location对象提供当前页面的url信息，并且可以重新装载当前页面或装入新页面。

location对象的属性
名称	描述
host	设置或返回主机名和当前url的端口号
hostname	设置或返回当前url的主机名
href	设置或返回完整的url
location对象的方法
reload()	重新加载当前文档
replace()	用新的文档替换当前文档

document对象

document对象既是window对象的一部分，又代表了整个HTML文档，可用来访问页面中的所有元素。

document对象的常用属性
属性	描述
referrer	返回载入当前文档的url（通常用于判断是否从指定页面进入另一个页面） 语法：document.referrer
URL	返回当前文档的URL 语法：document.URL

document对象的常用方法

document对象的常用方法
方法	描述
getElementById()	返回对拥有指定id的第一个对象的引用
getElementsByName()	返回带有指定名称的对象的集合
getElementsByTagName()	返回带有指定标签名的对象的集合
write()	向文档写文本、HTML、表达式或JavaScript代码

复选框的全选/全不选效果

<script type="html/javascript">
    function check(){

//或许标签name为ck的复选框集合
var inputs = document.getElementByName("ck");

for(var i = 0; i<inputs.length;i++){
            inputs[i].chenked=document.getElementById("all").chenked();

        }

    }
</script>


<input type="chenkbox" value="全选" id = "all" onclick="javascript="chenk()";"/>

<input type="chenkbox" value="全选"  name="ck"/>
<input type="chenkbox" value="全选"  name="ck"/>
<input type="chenkbox" value="全选"  name="ck"/>

//在chenk()函数中，获取所有name为ck的复选框，并保存在数组inputs中，然后使用getElementById()方法获取id为all的“全选”复选框，并获得checked属性值，在循环中遍历复选框集合时，将这个值赋给每个复选框的chenked属性。

JavaScript内置对象

1.Date对象

创建Date对象

var 实例= new Date(参数)

//日期实例是存储Date对象的变量。可以省略参数，如果没有参数，则表示当前日期和时间

Date对象的常用方法
方法	说明
getDate()	返回Date对象的一个月中的每一天，其值为1~31
getDay()	返回Date对象的星期中的每一天，其值为0~6
getHours()	返回Date对象的小时数，其值为0~23
getMinutes()	返回对象的分钟数，其值为0~59
getSeconds()	返回对象的秒数，其值为0~59
getMonth()	返回对象的月份，其值为0~11
getFullYear()	返回Date对象的年份，其值为4位数
getTime()	返回自某一时刻（1970-1-1）以来的毫秒数

注意：
    1、getFullYear()返回四位数的年份，getYear()返回2位或4位的年份
    2、获取星期几使用getDat()，0表示周日。
    3、各部分时间表示的范围，除号数外，其他均从0开始计数。

Math对象

Math对象是JavaScript的一个全局对象，不需要创建，直接作为对象使用就可以调用其属性和方法。

Math的常用方法
方法	说明	示例
ceil()	对数进行上舍入	Math.ceil(25.6); 返回26 Math.ceil(-25.6);返回25
floor()	对数进行下舍入	Math.floor(25.6); 返回25 Math.floor(-25.6);返回26
round()	四舍五入	Math.floor(25.6); 返回26 Math.floor(-25.6);返回26
random()	返回0~1中的随机数	Math.random(); 例如：0.5646465454545

说明：random()方法返回的随机数不包括0和1，且都是小数。

如果想选择一个1~100中的整数（包括1和100），则代码如下：

var iNum = Math.floor(Math.random() *100+1); 

 如果希望返回的整数为2~99，只有98的数字，第一个值为2，则代码应该如下： 
 var iNum =Math.floor(Math.random()*98+2)。 

 为什么是98+2？ 
 因为2~99之间共有98个整数，另外假设产生了一个随机数，为0.9998783，乘以98，得97.9880743，加2，等于99.9880743，向下取舍，等于99。

定时函数

1、setTimeout()：用于在指定的毫秒后调用函数或计算表达式。

语法：setTimeout("调用的函数名称",等待的毫秒数)

2、setInterval()：可按照指定的周期（以毫秒计算）来调用函数或计算表达式。

语法：setTimeout("调用的函数名称",毫秒数)

注：clearTimeout()和clearInterval()用来清除setTimeout()和setInterval()的值。

完