JavaScript基础--BOM
2014-07-01 10:55
267 查看
BOM(Browser Object Model 浏览器对象模型)
1.Window对象 2.History 对象 3.Location对象 4. Document对象
方法: prompt() alert() confirm() close()
open() 在页面上弹出一个新的浏览器窗口window.open("弹出窗口的url","窗口名称","窗口特征") 窗口特征常用的有:高度height 宽度width 是否可调尺寸 resizable(yes|no|1|0)
两个定时函数:
setTimeout("调用的函数名称","等待的毫秒数") 只调用1次
setInterval("调用的函数名","周期性调用函数之间间隔的毫秒数")
重复调用,每个一段时间,调用1次
清除的语法:
clearTimeout();
方法:reload() replace()
方法:getElementById() getElementsByName() getElementsByTagName() write()
getElementsByName() getElementsByTagName() 获取的是数组,访问具体哪个要用下标值访问 :getElementsByName()[i] getElemetsByTagName()[i]
var 日期实例 = new Date();
方法: getDate() getDay() getHours() getMinutes() getSeconds() getMonth() getFullYear() getTime()
除日期外,都从0计数.所以获取月份时要+1
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)
相关文章推荐
- 重拾Javascript基础(二) - BOM
- javascriptBOM基础之window(6)
- JavaScript基础(8) BOM
- javascript基础笔记(十七)之js的bom对象
- JavaScript基础之BOM
- javascript中BOM基础
- javascript中BOM部分基础知识总结
- JavaScript基础学习(七)—BOM
- javascript基础二 (DOM,BOM基础二)
- JavaScript的BOM(浏览器对象)基础语法总结
- JavaScript基础与DOM、BOM
- javascript基础之BOM
- [学习笔记]JavaScript之BOM基础
- JavaScript基础——浏览器对象模型(BOM)
- 【JavaScript】BOM基础总结
- 重拾Javascript基础(四) - BOM&DOM事件
- Javascript基础知识(三)BOM,DOM总结
- 【JavaScript 7—基础知识点】:BOM
- JavaScript——你理解的js基础是啥(JavaScript(核心、BOM、DOM))
- 29 JavaScript之BOM基础