BOM
BOM:浏览器对象模型(Browser Object Model)
BOM提供了独立于内容的,可以于浏览器窗口进行互动的对象结构
常用的属性:
history:有关客户访问过的URL的信息
location:有关当前的URL的信息
<button onclick="javascript:location.href='http=://www.163.com';">go 163</button>
上面是定义一个跳转到163网站的按钮。
window对象的常见方法
- prompt():显示可提示用户输入的对话框
- alert():显示带有一个提示信息和一个确定按钮的警示框
- confirm():一个带有提示信息,取得和取消按钮的对话框
- close():关闭浏览器窗口
- open():打开一个新的浏览器窗口,加载给定URL所指定的文档
- setTimeout():在指定的毫秒数后调用函数或者计算表达式
- setInterval():按照指定的周期|(以毫秒记)来调用函数或表达式
confirm()
confirm/alert/prompt的区别
open()
如何设置窗口的特征
close()
关闭当前窗体
go()
类似浏览器如下:
location对象的href属性和reload()方法
location.reload() 刷新,相当于在浏览器中按F5。
go(0) 等同于reload()刷新本网页
location常用的属性如下:
location.host
location.hostname
location.href
常用的方法:
location.reload()
location.replace()
document对象
常用属性
document.referrer
上面可以用来记录谁通过哪个网站来访问本网页。
document.URL
document对象常用的方法
1.getElementById()
2.getElementByName()
3.getElementByTagName()
4.write()
通常会包装上面的方法例如:
function getById(id){
return document.getElementById(id);
}
改变HTML标签的值
1.document.getElementById.innerHTML
2.document.getElementById.innerText
但是innerHTML与innerText的区别呢?
答:innerHTML是会识别双引号中的HTML的元素。
但是innerText是不会识别双引号的HTML的元素内容,直接把标签直接输出。
javascript的内置对象
Array:用于在单独的变量名中存储一系列的值。
string:用于支持对字符串的处理
Math:用于执行常用的数学任务,它包含了若干个数字常亮和函数
Date:用于操作日期和时间
Date对象
其中Date在javascript中的常用的方法
JavaScriptMath对象的方法
其中floor()和random()会结合着用例如Javascript取随机数:
var array=new Array(6);
var random = Math.floor(Math.random*array.length);
javascript的定时函数
1.setTimeout()
过一定时间仅调用一次
2.setInterval()
每过一定时间调用一次,一直循环,直到下面停止的时间的方法运行。
3.clearTimeout()
停止对应的setTimeout()
4.clearInterval()
停止对应的setInterval()方法
小结