JavaScript基础--BOM

最新推荐文章于 2024-07-12 15:21:00 发布

lincolnxll

最新推荐文章于 2024-07-12 15:21:00 发布

阅读量514

点赞数

分类专栏： Web前端

本文链接：https://blog.csdn.net/u014735730/article/details/36176001

版权

Web前端专栏收录该内容

5 篇文章 0 订阅

订阅专栏

BOM(Browser Object Model 浏览器对象模型)

1.Window对象 2.History 对象 3.Location对象 4. Document对象

一 Windows 对象

属性: 1 history 2 location 3 screen

方法: prompt() alert() confirm() close()

open() 在页面上弹出一个新的浏览器窗口window.open("弹出窗口的url","窗口名称","窗口特征") 窗口特征常用的有:高度height 宽度width 是否可调尺寸 resizable(yes|no|1|0)

两个定时函数:

setTimeout("调用的函数名称","等待的毫秒数") 只调用1次

setInterval("调用的函数名","周期性调用函数之间间隔的毫秒数") 重复调用,每个一段时间,调用1次

清除的语法:

clearTimeout();

二History对象

方法:back() forward() go() go(-1) 相当于back() go(1)相当于forward()

三 Location 对象

属性:host hostname href

方法:reload() replace()

四 Document对象

属性: referrer URL

方法:getElementById() getElementsByName() getElementsByTagName() write()

getElementsByName() getElementsByTagName() 获取的是数组,访问具体哪个要用下标值访问 :getElementsByName()[i] getElemetsByTagName()[i]

//实现全选和全不选
function check()
{	//获得全选框的状态
	var state = document.getElementById("selectAll").checked;
	//获得全部选项框
	var checkbox = document.getElementsByName("auction_id");
	
	//遍历数组
	for(var i =0;i<checkbox.length; i++){
		checkbox[i].checked = state;
		}
}

五日期处理

var 日期实例 = new Date(参数);参数是字符串格式"MM DD,YYYY, hh:mm:ss",表示日期和时间.

var 日期实例 = new Date();

方法: getDate() getDay() getHours() getMinutes() getSeconds() getMonth() getFullYear() getTime()

除日期外,都从0计数.所以获取月份时要+1

//获取实时动态时间
function time()
 {
	var today = new Date();
	var year = today.getFullYear();
	var month = today.getMonth()+1;//月份加1才能得到当前月份
	var date = today.getDate();
	var hour = today.getHours();
	var minute = today.getMinutes();
	var second = today.getSeconds();
	var day = today.getDay();
         //将获取的星期转换为大写
        switch(day)
	{	
	case 0: day="日";break;
	case 1: day="一";break;
	case 2: day="二";break;
	case 3: day="三";break;
	case 4: day="四";break;
	case 5: day="五";break;
	case 6: day="六";break;
	
	}
          //将获取的时间拼接起来
    now=year+"年"+month+"月"+date+"日 "+hour+"时"+minute+"分"+second+"秒 星期"+day;
    document.getElementById("myclock").innerHTML=now;
}       
        //每隔一秒刷新一次
        setInterval("time()",1000)