走进javascript(七)
BOM
Window
所有全局定义的变量和函数都挂载在window全局对象峡; 可直接通过window.prop访问
var c = dd;
异常抛错, dd未定义
var c = window.dd;
当无法判断的时候通过这种方式来实现可以避免这种错误
top , parent , self
window.top
window.parent
window.self
top: 始终指向最顶层的window
parent:当前框架的上级框架
self: 当前框架
窗口位置
screenLeft,screenTop,screenX,screenY
窗口大小
innerHeight,innerWidth
outerHeight,outerWidth
document.documentElement.clientWidth,clientHeight
document.body.clientWidth,clientHeight
新建窗口
window.open(url, target, 一个特性字符串,replace[浏览器历史记录条目是否替换]);
target
:_self, _parent, _top, _black
var timeoutId = setTimeout(func, ms) 等待一定时间后,将函数放入待执行的队列中,
如果队列为空,立即执行,否则等待队列中清空后,在执行
clearTimeout(timeoutId); //清除待执行任务
var intervalId = setInterval(function, ms) 每隔固定时间将函数移入待执行队列中执行
clearIntervalId(intervalId); 清除掉定时任务销毁
对话框
alert prompt comfirm
location
window.location = document.location
常用属性
hash 返回URL中的hash(#号后跟0或多个字符), 若无,则为空字符串
host 服务器名称+port
hostname host不包含端口
href 反正的url, == toString()
pathname 返回url中的路径地址
port 端口
protocol 协议
search 请求参数 "?xxxxx"
+查询字符串参数
function getQueryArgs() {
var search = location.search;
var len = search.length;
var qs = ( len > 0 ? search.substring(1): "");
var args = {};
var items = qs.length? qs.split('&'):[];
var item = null, name=null, value=null;
for(var i=0;i < items.length; i++) {
item = items[i].split('=');
name = decodeURIComponent(item[0]);
value = decodeURIComponent(item[1]);
if( name.length ) {
args[name] = value;
}
}
return args;
}
navigator
属性比较多,不一一列举. 各浏览器的支持表现有所不同
appName, appVersion,onLine
Chrome中插件检测
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;
}
}
}
screen
后续补充
history
history.go(); 1 -1 2 "url"
history.back();
history.forward();
history.length==0 第一个页面
原文地址:https://www.cnblogs.com/pengsn/p/12692990.html
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Vaex :突破pandas,快速分析100GB大数据集
- 【适合收藏】为了多点时间陪女朋友,我向BAT大佬跪求了这15条JS技巧
- Flask框架教程汇总(1)---视图/重定向/传参
- OkHttp请求耗时统计
- Ubuntu 18.04 通过 Docker 快速部署 Smokeping 2.6.11 教程
- MySQL 8.0新特性 — 函数索引
- Docker快速上手指北(一)【技术创作101训练营】
- leetcode树之二叉搜索树的最近公共祖先
- 【技术创作101训练营】技术角 | 在CentOS 8上使用Nginx 1.18: 基本配置
- Java诊断应用之Arthas实战(技术创作101训练营)
- 突击并发编程JUC系列-数组类型AtomicLongArray
- 个人量化投资体系搭建(一)
- 服务端的 WebAssembly 与 Rust 入门篇
- pImpl
- Flask+requests发起页面请求示例