JavaScript_BOM

最新推荐文章于 2017-03-21 21:08:54 发布

twilight0402

最新推荐文章于 2017-03-21 21:08:54 发布

阅读量262

点赞数

分类专栏： JavaScript 文章标签： javascript 对象 BOM

本文链接：https://blog.csdn.net/twilight_karl/article/details/60779111

版权

JavaScript 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

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()	用新的文档替换当前文档。不产生任何历史痕迹的跳转（无法返回上一页）