JSBOM

console.log(window);

console.log(screen.width);//屏幕宽度

console.log(screen.height);//屏幕高度

console.log(screen.availWidth);//可用宽度

console.log(screen.availHeight);//可用高度=屏幕高度-底部工具栏

location对象

取到浏览器的URL地址信息;

完整的URL路径;

协议名://主机名(IP地址):端口号/文件所在路径?传递参数(name1=value1&name2=value2)#锚点

例如:

"http://127.0.0.1:8020/JavaScript/06-JS.html?name=jerud#top"

console.log(location);

console.log(location.href);//返回当前完整路径;

console.log(location.host);//返回主机名+端口号

console.log(location.hostname);//返回主机名

console.log(location.protocol);//返回协议名;

console.log(location.port);//返回端口号;

console.log(location.search);//返回?开头的参数列表;

console.log(location.hash);//返回#开头的锚点

使用JS跳转页面

window.location = "http://www.baidu.com";

其他使用location提供的方法跳转页面的方式

function assign(){

//加载新的文档,加载之后,可以回退

location.assign("http://www.baidu.com");

}

function replace(){

//使用新文档替换当前文档,替换以后,不能回退

location.replace("http://www.baidu.com");

}

function reload(){

//重新加载当前文档,刷新页面

//reload():在本地刷新当前页面,相当于F5

location.reload();

//强制刷新,从服务器重新加载当前页面,相当于Ctrl+F5

//location.reload(true);

}

history

console.log(history);

console.log(history.length);//浏览历史列表的个数

function back(){

//后退按钮

history.back();

}

function forward(){

//前进按钮

history.forward();

}

function go(){

//跳转到浏览历史的任意一个页面;

//0表示当前页面,-1表示后一页(back),1表示前一页(forward)

history.go(1);

}

Navigator 了解即可

包含浏览器的各种系统信息。

console.log(navigator);

//监测浏览器安装的各种插件。

console.log(navigator.plugins);

if(navigator.plugins[2].name == "Native Client"){

alert("有");

}else{

alert("没有");

}

时间: 2024-10-06 17:58:54

JSBOM的相关文章

前端开发 - jsBom

一.jsBom简介 jsBom = javascript browser object modelBOM指的是浏览器对象模型 Browser Object Model,它的核心就是浏览器. 二.Bom输出 三.open close方法 四.其他的Bom对象和方法 五.client系列 六.屏幕的可视区域 七.offset系列 八.scroll系列 原文地址:https://www.cnblogs.com/alice-bj/p/8999044.html

JS-BOM

# BOM ## Browser Object Model - 浏览器对象模型 - BOM对象都是作为window对象的属性保存的 - window 代表浏览器窗口 - navigator 代表浏览器的信息.可用来识别浏览器 - history 浏览器的历史记录 - location 代表浏览器的地址栏信息 - screen 用户的显示器信息 #### window - window.innerHeight - 浏览器窗口的内部高度(包括滚动条) - window.innerWidth - 浏览

js-BOM之offset家族、移动函数的封装升级(轮播图)

Obj.style.width/obj.style.height与obj.offsetWidth/obj.offsetHeight的区别: <style> #div1{ height: 200px; background-color: red; } #div2{ width: 200px; height: 200px; background-color: green; } </style> </head> <body> <div style="

JAVAscript学习笔记 jsBOM 第七节 (原创) 参考js使用表

<html> <head> <title>day02_js</title> <script type="text/javascript" language="javascript" src="js/test1.js"></script> </head> <body> <form> <h2>1.BOM演示针对window</

jsBOM内容

正如我们所知道的,javascript分为三大块,ECMAscript,BOM,DOM,ECMAscript固然重要:可是在web中使用ECMAscript很大程度上需要了解BOM即浏览器对象模型,否则ECMAscript就虎落平阳,毫无发挥之处,下面正式介绍BON. 1.window对象 window对象是BOM的核心,表示浏览器的一个实例:window对象有双重角色,即使通过js访问浏览器窗口的接口,又是ES规定的global对象. 1.1全局作用域 所有在全局作用域下声明的变量.函数都变成

JS-BOM编程之history对象

History 对象包含用户(在浏览器窗口中)访问过的 URL. History 对象是 window 对象的一部分,可通过 window.history 属性对其进行访问. 注释:没有应用于 History 对象的公开标准,不过所有浏览器都支持该对象. history对象代表浏览器窗口上的前进和后退按钮 History 对象最初设计来表示窗口的浏览历史.但出于隐私方面的原因,History 对象不再允许脚本访问已经访问过的实际 URL.唯一保持使用的功能只有 back().forward()

JS--bom对象:borswer object model浏览器对象模型

bom对象:borswer object model浏览器对象模型 navigator获取客户机的信息(浏览器的信息) navigator.appName;获得浏览器的名称 window:窗口对象 alert();弹出框 confirm(msg);确认框 prompt(提示信息,defaultText):输入框 open("打开的新窗口的地址URL"," ","窗口特征,比如窗口的宽度和高度"); window.open("hello.

JS-BOM对象

BOM对象 BOM(浏览器对象模型),可以对浏览器窗口进行访问和操作.使用 BOM,开发者可以移动窗口.改变状态栏中的文本以及执行其他与页面内容不直接相关的动作.使 JavaScript 有能力与浏览器“对话”. 一.windows对象 所有的浏览器都支持带对象,因此在使用该对象时可以直接使用,可以使用windows调用,也可以省略.一个HTML文档对应一个windows对象,它被应用于控制浏览器的窗口. 1. 常用的方法 //方法 备注 alert ( ) //显示带有一段消息和一个确认按钮的

JS事件传播和JSBom部分总结

1.JS事件传播 JS Bom 原文地址:https://www.cnblogs.com/liu-web-bew/p/9345645.html