【JavaScript】BOM

发布日期:2018-03-07    浏览次数:375

一、前言

       接着前一章的内容,继续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页面

 

本文网址:https://www.wyxxw.cn/blog-detail-1-4-923.html

返回列表

非特殊说明,本文版权归原作者所有,转载请注明出处

提示:本站所有资源仅供学习与参考,请勿用于商业用途。图片来自互联网~如侵犯您的权益,请联系QQ:1067507709.

提示:转载请注明来自:http://www.cnblogs.com/lovecsharp094/p/8436232.html 。 转载人:momo