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. 如何提高web应用的吞吐量

    这篇博文所列举的优化手段是针对比较传统项目,但是想提高系统的吞吐量现在时髦的技术还是那些前后端未分离, 使用nginx当成静态资源服务器去代理我们的静态资源 是谁限制了Throughput? 当我们对 ...

  2. Mybatis动态语句部分收集

    where: <select id="findActiveBlogLike" resultType="Blog"> SELECT * FROM BL ...

  3. Zabbix安装部署实践

    操作系统: [root@mysql ~]# cat /etc/redhat-release CentOS Linux release 7.5.1804 (Core) Mysql :     版本5.7 ...

  4. [ubuntu篇] 使用Hexo建立个人博客，自定义域名https加密，搜索引擎google,baidu,360收录

    为了更好的阅读体验,欢迎阅读原文.原文链接在此. Part 1: Using Github Pages and Hexo to manage personal blogs. Series Part 1 ...

  5. SCAU-1076 K尾相等数

    代码借鉴SCAU-OJ(感谢!!) 题目:1076 K尾相等数 时间限制:500MS  内存限制:65536K提交次数:251 通过次数:80 题型: 编程题   语言: G++;GCC   Desc ...

  6. 2019-11-7:练习上传getshell，通过菜刀连接

    一.使用phtstudy搭建环境 1,将emlog源码解压到phpstudy的www目录,复制emlog源码中的src所有文件到需要搭建emlog的目录中,修改emlog配置文件,输入好本机mysql ...

  7. sku二维数组里的数组从头到尾叠加组合

    今天工作之余与同事聊天,要是实现一个sku描述里的字段组合的问题.并且实现了请吃饭.哈哈.一顿饭,我和另一位同事积极杠杆的.后来实现了出来. let skuList = [ ['黑色', '白色',' ...

  8. Python和Java的区别

    这里是我的一些总结,有些是参考别人的(在这里谢谢!!!) 区别: 1.Python比Java简单,学习成本低,开发效率高2.Java运行效率高于Python,尤其是纯Python开发的程序,效率极低3 ...

  9. Java8 Stream中间操作使用详解

    前面两篇简单的介绍了Stream以及如何创建Stream,本篇就给大家说说stream有哪些用途,以及具体怎样使用. 再次介绍Stream Stream 使用一种类似用于SQL 语句从数据库查询数据的 ...

  10. Java核心技术第八章-泛型

    摘要 本文根据<Java核心技术 卷一>一书的第八章总结而成,部分文章摘抄书内,作为个人笔记. 文章不会过于深入,望读者参考便好. 为什么要使用泛型程序设计 泛型程序设计(Generic ...