首页 > 其他分享 >浏览器对象

浏览器对象

时间:2023-04-13 13:57:24浏览次数:34  
标签:返回 浏览器 对象 像素 URL 窗口

window对象

window对象是BOM的核心,window对象指当前的浏览器窗口。
window对象方法:
方法 描述
alert() 显示带有一段消息和一个确认按钮的警告框
prompt() 显示可提示用户输入的对话框
confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框
open() 打开一个新的浏览器窗口或查找一个已命名的窗口
close() 关闭浏览器窗口
print() 打印当前窗口的内容
focus() 把键盘焦点给予一个窗口
blur() 把键盘焦点从顶层窗口移开
moveBy() 可相对窗口的当前坐标把它移动指定的像素
moveTo() 把窗口的左上角移动到一个指定的坐标
resizeBy() 按照指定的像素调整窗口的大小
resizeTo() 把窗口的大小调整到指定的宽度和高度
scrollBy() 按照指定的像素值来滚动内容
scrollTo() 把内容滚动到指定的坐标
setInterval() 每隔指定的时间执行代码
setTimeout() 在指定的延迟时间之后再执行代码
clearInterval() 取消 setInterval() 的设置
clearTimeout() 取消 setTimeout() 的设置

History 对象

history对象记录了浏览器曾经浏览过的页面(URL),并可以实现浏览器前进和后退相似导航的功能。
注:从窗口被打开的那一刻开始记录,每个浏览器窗口、每个标签页乃至每个框架,都有自己的history对象与特定的window对象关联。
History对象属性:
属性 描述
length 返回浏览器历史列表中的 URL 数量

语法: window.history.length

History对象方法:
方法 描述
back() 加载 history 列表中的前一个 URL
forward() 加载 history 列表中的下一个 URL
go() 加载 history 列表中的某一个具体的页面

back() 相当于 go(-1)
forward() 相当于 go(1)

Location 对象

location 用于获取或设置窗体的URL,并且可以用于解析URL。
location对象属性:
属性 描述
hash 设置或返回从井号(#)开始的 URL(锚)
host 设置或返回主机名和当前URL的端口号
hostname 设置或返回当前 URL 的主机名
href 设置或返回完整的 URL
pathname 设置或返回当前 URL 的路径部分
port 设置或返回当前 URL 的端口号
protocol 设置或返回当前 URL 的协议
search 设置或返回从问号(?)开始的 URL (查询部分)
location 对象方法:
方法 描述
assign() 加载新的文档
reload() 重新加载当前文档
replace() 用新的文档替换当前文档

Navigator 对象

属性 描述
appCodeName 浏览器代码名的字符串表示
appName 返回浏览器的名称
appVersion 返回浏览器的平台和版本信息
platform 返回运行浏览器的操作系统平台
userAgent 返回由客户机发送服务器的 user-agent 头部的值
userAgent: 返回用户代理头的字符串表示(就是包括浏览器版本信息等的字符串)。

语法: navigator.userAgent

点击查看代码
function validB () {
	var u_agent = navigator.userAgent;
	var B_name = "Failed to identify the browser";
	if(u_agent.indexOf("Firefox") > -1){
		B_name = "Firefox"
	} else if (u_agent.indexOf("Chrome") > -1) {
		B_name = "Chrome"
	} else if (u_agent.indexOf("MSIE") > -1 && u_agent.indexOf("Trident") > -1 ) {
		B_name = "IE(8-10)"
	}
	document.write("B_name: " + B_name + "<br>");
	document.write("u_agent:" + u_agent + "<bar>")
}

screen 对象

screen对象用于获取用户的屏幕信息

语法:window.screen.属性

属性 描述
availHeight 窗口可以使用的屏幕高度,单位像素
availWidth 窗口可以使用的屏幕宽度,单位像素
colorDepth 用户浏览器表示的颜色位数,通常为32位(每像素的位数)
pixelDepth 用户浏览器表示的颜色位数,通常为32位(每像素的位数)(IE不支持此属性)
height 屏幕的高度,单位像素
width 屏幕的宽带,单位像素
屏幕可用高度和宽度:

screen.availWidth 属性返回访问者屏幕的宽度,以像素计,减去界面特性,比如任务栏。
screen.availHeight 属性返回访问者的屏幕的高度,以像素计,减去界面特性,比如任务栏。

注意:不同系统的任务栏默认高度不一样,以及任务栏的位置可在屏幕上下左右任何位置,所以有可能可用宽度和可用高度不一样。

获取屏幕的可用高和宽:

点击查看代码
<script type="text/javascript">
	document.write("可用宽度:" + screen.availWidth);
	document.write("可用高度:" + screen.availHeight);
</script>

标签:返回,浏览器,对象,像素,URL,窗口
From: https://www.cnblogs.com/hechen-xuan/p/17308369.html

相关文章

  • 升级win10后无法使用IE浏览器??
     控制面板搜索选项    ......
  • 面向对象程序设计
    OOP【面向对象程序设计】(OOP)与【面向过程程序设计】在思维方式上存在着很大的差别。【面向过程程序设计】中,算法是第一位的,数据结构是第二位的,这就明确地表述了程序员的工作方式。首先要确定如何操作数据,然后再决定如何组织数据,以便于数据操作。而【面向对象程序设计】却调换了这......
  • Javascript对象
    对象对象是一组无序的相关属性和方法的集合,所有事物都是对象,例如字符串,数值,数组,函数对象由属性和方法组成属性:事物的特征,常用名词方法:事物的行为,常用动词创建对象利用对象字面量创建对象varobj={uname:'tom',age:18,sex:'男',......
  • js 判断是否为 IE 通过事件关闭新打开的浏览器窗口
    //必须通过target="_blank"打开新窗口才可关闭if(window.ActiveXObject||"ActiveXObject"inwindow){//iewindow.location.href="about:blank";//为兼容IE作此修改window.close();}else{wi......
  • Java面向对象习题接口篇
    题目一:按如下要求编写Java程序:(1)定义接口A,里面包含值为3.14的常量PI和抽象方法doublearea()。(2)定义接口B,里面包含抽象方法voidsetColor(Stringc)。(3)定义接口C,该接口继承了接口A和B,里面包含抽象方法voidvolume()。(4)定义圆柱体类Cylinder实现接口C,该类中包含三个成员变量:底......
  • 关于浏览器sessionStorage共享问题
    今天也是闲暇之余看了点前端基础知识发现了好玩的window.open("同源页面")这种方式新开的页面会复制之前的sessionStorage通过a标签新开的页面同样也会,原理相同,在这就不赘述了。SessionStorage也有同源策略的限制,但是SessionStorage有一条更加严格的限制SessionStorage只有在......
  • JavaWeb之Servlet详解(以及浏览器调用 Servlet 流程分析图)
    Servlet1.什么是ServletServlet(java服务器小程序)他是由服务器端调用和执行的(一句话:是Tomcat解析和执行)他是用java语言编写的,本质就是Java类他是按照Servlet规范开发的(除了tomcat->Servletweblogic->Servlet)功能强大,可以完成几乎所有的网站功能2.开发......
  • JS 根据key查找对象数组中符合的一项 返回对象(递归)
    在一个复杂的数组对象数据中(嵌套多层),通过key值返回对应的对象1方法:parseJson(jsonObj,key,value){//循环所有键letarray=[]for(letvinjsonObj){letelement=jsonObj[v]//1.判断是对象或者数组if(typeof(ele......
  • 对象数组
    对象数组对象数组的基本介绍代码实例Person类publicclassPerson{privateStringname;privateintage;publicPerson(){}publicPerson(Stringname,intage){this.name=name;this.age=age;}publicStri......
  • (三)python多进程multiprocessing模块的变量传递问题:父进程中的numpy.array对象隐式序列
    参考:https://docs.python.org/zh-cn/3/library/multiprocessing.htmlcloudpickle——Python分布式序列化的专用模块python多进程multiprocessing模块的变量传递问题:父进程中的numpy.array对象隐式序列化到子进程后的inplace操作的问题-Death_Knight-博客园(cnblogs.com)......