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. js调用浏览器“打印”与“打印预览”

    用到html <object>标签,具体做法如下: 1.在html文档任意位置添加<object>标签: <div style="border: 1px sol ...

  2. PowerMock学习（三）之Mock局部变量

    编写powermock用例步骤: 类上面先写这两个注解@RunWith(PowerMockRunner.class).@PrepareForTest(StudentService.class) 先模拟 ...

  3. Apache Hudi 介绍与应用

    Apache Hudi Apache Hudi 在基于 HDFS/S3 数据存储之上,提供了两种流原语: 插入更新 增量拉取 一般来说,我们会将大量数据存储到HDFS/S3,新数据增量写入,而旧数据鲜 ...

  4. zip的压缩和解压命令

    以下命令均在/home目录下操作cd /home #进入/home目录 1.把/home目录下面的data目录压缩为data.zip zip -r data.zip data #压缩data目录   ...

  5. MySQL通过自定义函数实现递归查询父级ID或者子级ID

    背 景: 在MySQL中如果是有限的层次,比如我们事先如果可以确定这个树的最大深度, 那么所有节点为根的树的深度均不会超过树的最大深度,则我们可以直接通过left join来实现. 但很多时候我们是无 ...

  6. tornado install

    pip install tornado Linux 安装时注意库的安装路径和执行时寻找路径是否一样 Windows 安装时注意user是否有权限 解决办法:

  7. 2019-9-10：渗透测试，基础学习,sql注入笔记

    sql注入1,万能密码,自己写的网站,找到登录窗口,必须和数据库交互,往里插入构造的恶意代码,最后可以直接登录进去,不需要账号和密码,输入的恶意代码成为万能密码,后端拼接的sql语句,SELECT * ...

  8. 程序员实用工具，推荐一款代码统计神器GitStats

    阅读全文需7分钟,工具很实用. 1. 前言 对于Git项目开发,有一些可视化的工具,如gitk,giggle等,来查看项目的开发历史.但对于大型的项目,这些简单的可视化工具远远不足以了解项目完整的开发 ...

  9. 【Luogu P4779】dijkstra算法的堆优化

    Luogu P4779 利用堆/优先队列快速取得权值最小的点. 在稠密图中的表现比SPFA要优秀. #include<iostream> #include<cstdio> #i ...

  10. NTP服务搭建详解一条龙

    说在前面:ntp和ntpdate区别 ①两个服务都是centos自带的(centos7中不自带ntp).ntp的安装包名是ntp,ntpdate的安装包是ntpdate.他们并非由一个安装包提供. ② ...