【JavaScript】BOM

2018-06-24 01:30:42来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

一、前言

       接着前一章的内容,继续Js的学习。

 

二、内容

        window对象

//确定窗口位置
var leftPos = (typeof window.screenLeft  == "number")? window.screenLeft : window.screenX;
var topPos = (typeof window.screenTop == "number")? window.screenTop : window.screenY;

//移动窗口位置
window.moveTo(Hornumber1,Vernumber2);
window.moveBy(Hornumber1,Vernumber2);

//调整窗口大小
innerWidth —— 返回窗口的文档显示区宽度
innerHeight —— 返回窗口的文档显示区高度
outerWidth —— 在innerWidth的基础上加上工具栏与滚动条的宽度
outerHeight —— 在innerHeight的基础上加上工具栏与滚动条的高度
window.resizeTo(newWidth,newHeight);
window.resizeBy(deltaWidth,deltaHeight);

//导航和打开窗口
window.open(URL,name,features,replace);
URL —— 要加载的URL
name —— 窗口目标
features —— 窗口特性
replace —— 是否替换历史记录

var wroxWin = window.open("http://www.wrox.com", "_blank");
wroxWin == null —— 浏览器内置的屏蔽程序阻止
wroxWin 出现 Exception —— 浏览器扩展或其它程序阻止

//超时调用
var timeoutId = setTimeout(function(){
//do something
},1000); //毫秒

clearTimeout(timeoutId); //只要在指定的时间调用该方法就可以完全取消超时调用

//间歇调用
var intervalId = setInterval(function(){
//do something
},1000); //毫秒

clearInterval(intervalId);

//系统对话框
alert() —— 指定显示的文本和一个OK按钮
confirm() —— 指定的显示文本,一个OK按钮,一个Cancel按钮。 返回bool值

prompt() —— 文本提示和文本输入域的默认值,一个OK按钮,一个Cancel按钮
如果输入后选择Ok,则返回输入值;否则返回null

        location对象

//位置操作
location.href = "http://www.wrox.com"; //立即打开新URL并在浏览器的历史记录中生成一条记录

//"http://www.wrox/com/WileyCDA/#section1" 
location.hash = "#section1";

//"http://www.wrox/com/WileyCDA/?q=javascript" 
location.search = "?q=javascript";

//"http://www.yahoo.com/WileyCDA/"
location.hostname = "www.yahoo.com";

//"http://www.yahoo.com/mydir/"
location.pathname = "mydir";

//"http://www.yahoo.com:8080/WileyCDA/"
loation.port = 8080;

       navigator对象

navigator.plugins —— 查看浏览器中安装的插件数组
name:插件的名字
description:插件的描述
filename:插件的文件名
length:插件所处理的MIME类型数

      history对象

history.go(-1); //后退一页
history.back(); //后退一页
history,go(1); //前进一页
history.forward(); //前进一页

history.go("wrox.com"); //跳转到最近的wrox.com页面

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:【JavaScript】Json

下一篇:vue项目实战总结