location，history，screen

<!DOCTYPE html>

<html>

	<head>

		<meta charset="utf-8">

		<title>02BOM对象学习</title>

		<script>

			function testLocation(){

				//127.0.0.1:8020    ip+端口号

				var host=window.location.host;

				//127.0.0.1    ip

				var hostname=window.location.hostname;

				//http://127.0.0.1:8020/06JS/02BOM%E5%AF%B9%E8%B1%A1%E5%AD%A6%E4%B9%A0.html

				var href=window.location.href;

				// location.href 跳转网址，当前页面跳转      window.open 是另起一页跳转

				window.location.href="http://www.bjsxt.com";

				//window.open("http://www.baidu.com");

				//8020   端口号

				var port=window.location.port;

				//var name=window.location.Location.name;

				//window.alert(host+"---"+hostname+"---"+href+"---"+port);

				//刷新当前页面

				//window.location.reload();

			}

			function testhistory(){

				//后退

				//window.history.back();

				//前进

				//window.history.forward();

				//当前有多少页面

				var le=window.history.length;

				alert(le);

				//go(a) a为正数则是前进几页，a为负数则是后退几页，a=0则是刷新页面

				window.history.go(1);

			}

			function testScreen(){

				//获取当前屏幕分辨率

				var height=window.screen.height;

				var width=window.screen.width;

				alert(height+"×"+width);

			}

			function testnavicate(){

				//返回由客户机发送服务器的 user-agent 头部的值

				var ua=window.navigator.userAgent;

				alert(ua);

			}

		</script>

	</head>

	<body>

		<p>

			<input type="button" id="" value="testLocation" οnclick="testLocation()" />

		</p>

		<p>

			<input type="button" id="" value="testhistory" οnclick="testhistory()" />

		</p>

		<p>

			<input type="button" id="" value="testScreen" οnclick="testScreen()" />

		</p>

		<p>

			<input type="button" id="" value="testnavicate" οnclick="testnavicate()" />

		</p>

	</body>

</html>

BOM对象学习的更多相关文章

  1. JavaScript学习——BOM对象

    1.BOM 对象:浏览器对象模型(操作与浏览器相关的内容) 2.Window 对象 Window 对象表示浏览器中打开的窗口 setInterval():它有一个返回值,主要是提供给 clearInt ...

  2. 【学习笔记】：JavaScript中的BOM对象

    JavaScript中的BOM对象 BOM(Browser Object Model):浏览器对象模型. BOM可用于对浏览器窗口进行访问,但BOM没有相关的标准,所以根据浏览器的不同,其中定义的对象 ...

  3. 56、jsのBOM对象与DOM对象

    javascript的Bom和Dom对象使我们学习的重点,这篇随笔可以重点阅读 一.BOM对象 1.window对象 所有浏览器都支持 window 对象.概念上讲.一个html文档对应一个windo ...

  4. 8、jsのBOM对象与DOM对象

    javascript的Bom和Dom对象使我们学习的重点,这篇随笔可以重点阅读 本篇导航: BOM对象 DOM对象 DOM Event(事件) 实例练习 一.BOM对象 1.window对象 所有浏览 ...

  5. JavaScript的BOM对象

    JavaScript的BOM对象 BOM:浏览器对象模型 JavaScript和浏览器的关系:JavaScript的诞生就是为了能够让它再浏览器中运行. 1. 操作BOM对象 1.1 window w ...

  6. BOM对象有哪些：

    BOM对象有哪些: 1.window对象 ,是JS的最顶层对象,其他的BOM对象都是window对象的属性: 2.document对象,文档对象: 3.location对象,浏览器当前URL信息: 4 ...

  7. JavaScript BOM对象介绍

    bom:即broswer object model(浏览器对象模型),由五个对象组成:        Window:对象表示浏览器中打开的窗口 最顶层对象.       Navigator :浏览器对 ...

  8. JavaScript基础16——js的BOM对象

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  9. number对象，bom对象

    number对象 新创建一个number的对象,toFixed是精确到位数 var num =new Number('123.1231'); console.log(num.toFixed(1)); ...

随机推荐

  1. css的块级元素和行级元素

    块级元素 概念: 每个块级元素都是独自占一行.  元素的高度.宽度.行高和边距都是可以设置的.   元素的宽度如果不设置的话,默认为父元素的宽度(父元素宽度100%) <address>/ ...

  2. Android Debug 之 Log 最佳实践

    本文微信公众号「AndroidTraveler」首发. 背景 在开发过程中,调试是必不可少的一项工作. 当我们要确定项目的逻辑时,当我们要了解界面的生命周期时,当我们发现新写的逻辑与期望效果不一致时, ...

  3. java笔试面试第一天

    好久未曾启用我的博客,最近来上海找工作,想将笔试面试的过程做个记录,毕竟有总结才有提高嘛.今天算是笔试面试正式开始第一天吧,以下就是我的笔试总结(没有原题了,只有知识点): 笔试题1:java sta ...

  4. Python日志模块logging简介

    日志处理是项目的必备功能,配置合理的日志,可以帮助我们了解系统的运行状况.定位位置,辅助数据分析技术,还可以挖掘出一些额外的系统信息. 本文介绍Python内置的日志处理模块logging的常见用法. ...

  5. pat 1027 Colors in Mars（20 分）

    1027 Colors in Mars(20 分) People in Mars represent the colors in their computers in a similar way as ...

  6. nyoj 283-对称排序 (sort)

    283-对称排序 内存限制:64MB 时间限制:1000ms 特判: No 通过数:2 提交数:4 难度:1 题目描述: In your job at Albatross Circus Managem ...

  7. 将Swagger2文档导出为HTML或markdown等格式离线阅读

    网上有很多<使用swagger2构建API文档>的文章,该文档是一个在线文档,需要使用HTTP访问.但是在我们日常使用swagger接口文档的时候,有的时候需要接口文档离线访问,如将文档导 ...

  8. 手把手带你一键部署 Kubernetes + KubeSphere 至 Linux

    本文介绍一个最快安装 Kubernetes 和体验 KubeSphere 核心功能的方式,all-in-one 模式可一键安装 Kubernetes v1.15.5 和 KubeSphere 至一台 ...

  9. D^3ctf两道 pwn

    这次 的D^3ctf 又是给吊打 难顶... 所以题都是赛后解出来的,在这感谢Peanuts师傅 unprintableV 看看保护: 看看伪代码,其实代码很少 void __cdecl menu() ...

  10. Receptive Field Block Net for Accurate and Fast Object Detection

    Receptive Field Block Net for Accurate and Fast Object Detection 作者:Songtao Liu, Di Huang*, and Yunh ...