博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
javascript高级程序设计笔记-第八章(BOM)
阅读量:5095 次
发布时间:2019-06-13

本文共 2874 字,大约阅读时间需要 9 分钟。

一、window对象

1、全局作用域

所有在全局作用域声明的变量和函数,都变成window对象的属性和方法

全局变量不能通过delete操作符删除,而直接在window对象上定义的属性可以

var age = 29;window.color = "red";delete window.age;delete window.color;alert(window.age);          //29alert(window.color);        //undefined

2、框架

每个框架都有自己的window对象,并且保存在frames集合中,可以通过数值索引或框架名称访问相应的window对象

top对象始终指向最外层的框架

parent对象始终指向当前框架的直接上层框架(父框架)

3、窗口大小

//取得视口大小var pageWidth = window.innerWidth,    pageHeight = window.innerHeight;if (typeof pageWidth !== "number") {    if (document.compatMode === "CSS1Compat") {        pageWidth = document.documentElement.clientWidth;        pageHeight = document.documentElement.clientHeight;    } else {        pageWidth = document.body.clientWidth;        pageHeight = document.body.clientHeight;    }}

resizeTo()、resizeBy()方法可以调整浏览器窗口的大小,接收两个参数(一个宽度、一个高度)

4、弹出窗口

window.open()方法,可以导航到一个特定的URI,也可以打开一个新的浏览器窗口。

接收四个参数:要加载的URI、窗口目标、一个特性字符串、一个布尔值。(一般只使用第一个参数)

5、间歇调用和超时调用

超时调用setTimeout()方法,接收两个参数:要执行的代码(函数)和以毫秒表示的时间

clearTimeout()方法,取消超时调用,接收一个参数:超时调用ID

间歇调用setInterval()方法,clearInterval()方法(最好不要使用间歇调用)

一般使用超时调用来模拟间歇调用

var num = 0;var max = 10;var intervalId = null;function incrementNumber() {    num++;    if (num < max) {        setTimeout(incrementNumber, 500);    } else {        alert("done");    }}setTimeout(incrementNumber, 500);

6、系统对话框

它们的外观又操作系统或浏览器设置决定,不能由css决定。打开的对话框都是同步和模态的

  • alert(),生成警告对话框,向用户显示一些他们无法控制的信息
  • confirm(),生成确认对话框,让用户决定是否执行给定的操作
  • prompt(),生成提示框,用于提示用户输入一些文本

二、location对象

提供与当前窗口中加载的文档有关的信息,还可以将URI解析为独立的片段

查询字符串

function getQueryStringArgs() {    //取得字符串并去掉开头的问号    var qs = (location.search.length > 0 ? location.search.substring(1) : ""),    //保存数据的对象    args = {},    //取得每一项    items = qs.length ? qs.split("&") : [],    item = null,        name = null,        value = null,        //for循环中使用        i = 0,        len = items.length;    for (i = 0; i < len; i++) {        item = items[i].split("=");        name = decodeURIComponent(item[0]);        value = decodeURIComponent(item[1]);        if (name.length) {            args[name] = value;        }    }    return args;}

三、检测插件

//检测非IE浏览器中的插件function hasPlugin(name) {    name = name.toLowerCase();    for (var i = 0; i < navigator.plugins.length; i++) {        if (navigator.plugins[i].name.toLowerCase().indexOf(name) > -1) {            return true;        }    }    return false;}//检测IE中的插件function hasIEPlugin(name) {    try {        new ActiveXObject(name);        return true;    } catch (ex) {        return false;    }}

针对每个插件分别创建检测函数

//检测所有浏览器中的Flashfunction hasFlash() {    var result = hasPlugin("Flash");    if (!result) {        result = hasIEPlugin("ShockwaveFlash.ShockwaveFlash");    }    return result;}//检测所有浏览器中的QuickTimefunction hasQuickTime() {    var result = hasPlugin("QuickTime");    if (!result) {        result = hasIEPlugin("QuickTime.QuickTime");    }    return result;}

转载于:https://www.cnblogs.com/u14e/p/5238227.html

你可能感兴趣的文章
【转载】基于vw等viewport视区相对单位的响应式排版和布局
查看>>
<转>关于MFC的多线程类 CSemaphore,CMutex,CCriticalSection,CEvent
查看>>
《你们都是魔鬼吗》实验十二 团队作业八:Alpha冲刺
查看>>
jquery中ajax返回值无法传递到上层函数
查看>>
[Leetcode]942. DI String Match
查看>>
css3之transform-origin
查看>>
1003 Emergency
查看>>
bm25
查看>>
Oracle 导入导出 创建用户等
查看>>
[转]JavaScript快速检测浏览器对CSS3特性的支持
查看>>
对接系统的一些思考
查看>>
exception from hresult:0x8000401A(excel文档导出)
查看>>
Linux常用命令
查看>>
Master选举原理
查看>>
Objective-C在ARC下结合GCD的单例模式和宏模版
查看>>
CSS 基础知识(认识选择器)
查看>>
[ JAVA编程 ] double类型计算精度丢失问题及解决方法
查看>>
Android Token的使用学习
查看>>
小别离
查看>>
★一张图弄明白从零维到十维
查看>>