1、window对象
浏览器对象模型是Javascript的组成之一。提供了独立于内容与浏览器进行交互的对象。
浏览器对象模型是Javascript的组成之一。提供了独立于内容与浏览器进行交互的对象。
2、BOM通常实现的功能
弹出新的浏览器窗口
移动、关闭浏览器以及调整窗口的大小
在浏览器窗口中实现页面的前进和后退功能
弹出新的浏览器窗口
移动、关闭浏览器以及调整窗口的大小
在浏览器窗口中实现页面的前进和后退功能
3、BOM常用的属性
window.属性名="属性值";
例如:
window.location="https://www.baidu.com";
用来访问网页
window.属性名="属性值";
例如:
window.location="https://www.baidu.com";
用来访问网页
4、BOM常用的方法
close() 关闭浏览器
open() 打开一个新的浏览器
setTimerout() 在指定的毫秒内调用函数或计算表达式
setInterval() 按照指定的时间内调用函数或表达式
close() 关闭浏览器
open() 打开一个新的浏览器
setTimerout() 在指定的毫秒内调用函数或计算表达式
setInterval() 按照指定的时间内调用函数或表达式
window.方法名();
window是全局对象,window也可以省略。
window是全局对象,window也可以省略。
window.confirm("返回对话框");
结果返回true就是确定按钮,结果返回false就是取消按钮
例如:
var fa= window.confirm("确定要删除吗?")
if(fa=true){
alert("成功");
}else{
alert("失败");
}
5、alert,prompt,confirm的区别
alert是只有一个参数,就只显示对话框,没有返回值,
prompt是有两个参数,是输入对话框,用来提示用户输入一些信息,有取消和确定按钮
confirm是有一个参数,是确认对话框,显示对话框的消息,结果返回true就是确定按钮,结果返回false就是取消按钮
alert是只有一个参数,就只显示对话框,没有返回值,
prompt是有两个参数,是输入对话框,用来提示用户输入一些信息,有取消和确定按钮
confirm是有一个参数,是确认对话框,显示对话框的消息,结果返回true就是确定按钮,结果返回false就是取消按钮
close()关闭浏览器
语法:
window.close();
open() 打开新的浏览器窗口
window.open("弹出窗口的地址","窗口名称","窗口特征");
window.open("弹出窗口的地址","窗口名称","窗口特征");
6、history和location对象
history对象是实现浏览器中的“后退”功能
history.back()后退按钮;
history.forward()前进按钮;
history.go(1)代表前进一页;
history.go(-1)代表后退一页;
history.forward()前进按钮;
history.go(1)代表前进一页;
history.go(-1)代表后退一页;
location对象是实现浏览器中的“前进”功能
location.reload()刷新;
location.replace()用新的文档替换当前文档;
location.host()返回主机名和当前URL的端口号;
location.hostname设置或返回当前URL的主机名;
location.href设置或返回完整的URL;
location.replace()用新的文档替换当前文档;
location.host()返回主机名和当前URL的端口号;
location.hostname设置或返回当前URL的主机名;
location.href设置或返回完整的URL;
7、.doculement对象
doculement对象是window的一部分,有代表整个HTML。
doculement对象中的getElementByName()方法访问name属性
例如:
function showinfo() {
var s="";
var f= document.getElementsByName("season");
for(var i=0;i<f.length;i++){
s +=f[i].value;
例如:
function showinfo() {
var s="";
var f= document.getElementsByName("season");
for(var i=0;i<f.length;i++){
s +=f[i].value;
}
document.getElementById("tv-2").innerHTML=s;
}
<h1 id="tv-2"> hhhhh </h1>
<input type="button" value="ffff" οnclick="showinfo()" >
document.getElementById("tv-2").innerHTML=s;
}
<h1 id="tv-2"> hhhhh </h1>
<input type="button" value="ffff" οnclick="showinfo()" >
doculement对象的getElementById()方法用于访问唯一性的元素
function show() {
document.getElementById("tv-1").innerHTML="admin";
}
<h1 id="tv-1"> hhhh</h1>
<input type="button" value="dddd" οnclick="show()" >
function show() {
document.getElementById("tv-1").innerHTML="admin";
}
<h1 id="tv-1"> hhhh</h1>
<input type="button" value="dddd" οnclick="show()" >
document对象的getElementTagname()方法用于访问相同标签的元素
function showinfoTag() {
var s="";
var f= document.getElementsByTagName("input");
for(var i=0;i<f.length;i++){
s +=f[i].value;
}
document.getElementById("tv-2").innerHTML=s;
}
<h1 id="tv-2"> hhhh </h1>
<input type="button" value="ggggg" οnclick="showinfoTag()" >
8、date()对象
var dd=new date();