JavaScript_BOM

简介: 版权声明:本文为博主原创文章,转载请注明出处。 https://blog.csdn.net/twilight_karl/article/details/60779111 window 对象confirm(提示) 有确定和取消按钮,本身方法可以返回一个布尔值。
版权声明:本文为博主原创文章,转载请注明出处。 https://blog.csdn.net/twilight_karl/article/details/60779111

window 对象

confirm(提示) 有确定和取消按钮,本身方法可以返回一个布尔值。

prompt(提示,默认值) 输入提示框,返回输入的值。

open(URL,name,features,replace) 打开新窗口

1,URL
2,窗口名称或目标,打开特定名称的网页,如果这个名称已经存在则直接在那个窗口中打开
3,可选的字符串,_blank新建一个窗口,_parent在本窗口加载
4,是否替换掉历史记录中的当前条目

引用w3school的说法:

参数 描述
URL 一个可选的字符串,声明了要在新窗口中显示的文档的 URL。如果省略了这个参数,或者它的值是空字符串,那么新窗口就不会显示任何文档。
name 一个可选的字符串,该字符串是一个由逗号分隔的特征列表,其中包括数字、字母和下划线,该字符声明了新窗口的名称。这个名称可以用作标记 和 的属性 target 的值。如果该参数指定了一个已经存在的窗口,那么 open() 方法就不再创建一个新窗口,而只是返回对指定窗口的引用。在这种情况下,features 将被忽略。
features 一个可选的字符串,声明了新窗口要显示的标准浏览器的特征。如果省略该参数,新窗口将具有所有标准特征。在窗口特征这个表格中,我们对该字符串的格式进行了详细的说明。
replace 一个可选的布尔值。规定了装载到窗口的 URL 是在窗口的浏览历史中创建一个新条目,还是替换浏览历史中的当前条目。支持下面的值:

true - URL 替换浏览历史中的当前条目。
false - URL 在浏览历史中创建新的条目。|

窗口特征:

属性 含义
width 窗口的文档显示区的宽度。以像素计pixels
height 窗口文档显示区的高度。以像素计。
left 窗口的 x 坐标。以像素计。
top 窗口的 y 坐标。pixels
channelmode 是否使用剧院模式显示窗口。默认为 no
directories 是否添加目录按钮。默认为 yes
fullscreen 是否使用全屏模式显示浏览器。默认是 no。处于全屏模式的窗口必须同时处于剧院模式。
location 是否显示地址字段。默认是 yes。
menubar 是否显示菜单栏。默认是 yes。
resizable 窗口是否可调节尺寸。默认是 yes。
scrollbars 是否显示滚动条。默认是 yes。
status 是否添加状态栏。默认是 yes。
titlebar 是否显示标题栏。默认是 yes。
toolbar 是否显示浏览器的工具栏。默认是 yes。
    window.open("http://www.baidu.com");  // 在另一个窗口弹出一个页面
    window.open("http://www.baidu.com","_blank"); // 效果同上
    window.open("http://www.baidu.com","_parent"); // 在原来的窗口打开,并且无法回退
    window.open("http://www.baidu.com","百度","width=400,height=200,left=10,top=10"); // 在第三个参数里规定大小的位置
    window.open("http://www.baidu.com","百度","width=400,height=200,left=10,top=10"); // 在第三个参数里规定大小的位置

open本身返回window对象,opener父窗口

window.opener.document.write();

    var windows = window.open("http://www.baidu.com","百度","width=400,height=200,left=10,top=10"); // windows返回window对象
    windows.moveTo(100,100);
    windows.opener.document.write("这是父窗口");

moveTo(x,y) 移动到x,y
moveBy(x,y) 坐标增加x和y
resizeTo(x,y) 更改浏览器窗口大小
resizeBy(x,y) 增加大小,可以为负值,


超时调用

setTimeout(字符串,毫秒)超时调用。指定时间后执行字符串中的代码,字符串也可以包含函数或者匿名函数

//一个简单的定时器,会在页面中输出打开该页面的时长
        var count = 0 ;
        function fun(){
            count++;
            document.write(count+"秒");
            if(count<10){
                setTimeout("fun()",1000);
            }
        }
        setTimeout('fun()',1000);

返回一个id值,可以用clearTimeout(ID)取消超时调用计划。

间歇调用

setInterval(字符串,毫秒)重复不断的执行,可以用clearInterval(ID)停止重复

// 用间歇调用完成的定时器
        var count=0;
        var id = 0;
        function fun(){
            count++;
            document.write(count);
            if(count>10){
                clearInterval(id);
            }
        }
        id = setInterval("fun()",100);

location对象

同时是window和document的属性

属性 描述
hash 设置或返回从井号 (#) 开始的 URL(锚)
host 设置或返回主机名和当前 URL 的端口号
hostname 设置或返回当前 URL 的主机名
href 设置或返回完整的 URL
pathname 设置或返回当前 URL 的路径部分
port 设置或返回当前 URL 的端口号
protocol 设置或返回当前 URL 的协议
search 设置或返回从问号 (?) 开始的 URL(查询部分)
方法 描述
assign() 跳转,加载新的文档
reload() 重新加载当前文档,可能会从缓存中加载。从源头加载的话要加上参数true
replace() 用新的文档替换当前文档。不产生任何历史痕迹的跳转(无法返回上一页)

history对象

length 历史记录数量
back() 返回上一个页面
forward() 继续下一个页面
go(num) 跳转num个页面 -1表示上一页,1表示下一页

相关文章
|
4月前
|
缓存 JavaScript 前端开发
javaScript(五):BOM操作
JavaScript 中的 BOM(Browser Object Model)是一组用于操作浏览器窗口的对象和方法集合。BOM 使我们可以通过 JavaScript 访问浏览器窗口的各个组成部分,包括地址栏、菜单栏、历史记录、浏览器的尺寸位置等
48 0
 javaScript(五):BOM操作
|
23天前
|
JavaScript 前端开发
深入了解 JavaScript 中的 DOM 和 BOM
深入了解 JavaScript 中的 DOM 和 BOM
18 4
|
1月前
|
JavaScript 前端开发
JavaScript操作BOM简单案例
JavaScript操作BOM简单案例
9 1
|
1月前
|
JavaScript 前端开发
JavaScript操作BOM对象
JavaScript操作BOM对象
9 1
|
3月前
|
JavaScript 前端开发
JavaScript中的BOM操作
JavaScript中的BOM操作
|
3月前
|
编解码 JavaScript 前端开发
JavaScript学习 --- BOM
JavaScript学习 --- BOM
16 0
|
3月前
|
存储 JSON JavaScript
JavaScript:BOM操作
JavaScript:BOM操作
35 1
|
3月前
|
XML JavaScript 前端开发
JavaScript 之 DOM and BOM 总结
JavaScript 之 DOM and BOM 总结
28 0
|
4月前
|
XML 存储 JavaScript
JavaScript详解DOM和BOM(持续更新)
JavaScript详解DOM和BOM(持续更新)
|
4月前
|
XML JavaScript 前端开发
js中dom和bom有什么区别
js中dom和bom有什么区别
35 0