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. C语言:互质

    今天遇到一道奇怪的程序题,和平常的不同.同样都是互质,但是一般的题目都是判断两个数字是否互质,但这道题则是给定一个数字n,要求输出所有小于等于n的与n互质的数,题目已经在下面给出: 质数与互质概念不是 ...

  2. 深入理解java继承从“我爸是李刚”讲起

    目录 1.继承的概述 2.关于继承之后的成员变量 3.关于继承之后的成员方法 4.关于继承之后的构造方法 5.关于继承的多态性支持的例子 6.super与this的用法 前言 本文主要多方面讲解jav ...

  3. glsl shader简明教程系列1

    glsl shader简明教程系列1 底层的东西我就不说了(自己去百度翻基础教程)  我直接说上层了(片段着色器) web编辑器还在开发中 有了编辑器 到时候可以把代码复制上去可以看到效果了 1  实 ...

  4. [笔记]IDEA使用笔记

    1.IDEA的目录结构 2.所有的源文件都必须写在src文件夹下, 3.输入psvm再按回车,就会生成主函数: 4.输入sout就会生成输出语句的格式: 5.ALT+4   调出上次运行的结果出来看看 ...

  5. Apache服务安装及一些基本操作

    注意:安装apache服务之前记得搭建yum仓库 1.安装apache服务,输入命令“yum install httpd” 安装成功后,会这样显示 2.需要对Apache服务进行启动,输入命令“sys ...

  6. Install zabbix

    - name: Create dir to keep install file file: path=/opt/pacheage state=directory follow=yes force=ye ...

  7. kafka-manager新手安装入门指南

    Kafka-manager安装教程 使用环境 ubuntu18.04 Java 8 一.下载kafka 官网下载地址如下 https://www.apache.org/dyn/closer.cgi?p ...

  8. 驰骋工作流系统-Java共工作流引擎配置定时任务

    关键词:工作流定时任务  流程引擎定时任务设置  工作流系统定时任务配置  开源工作流引擎 开源工作流系统 一.定时任务的作用 发送邮件,发送短信. 处理节点自动执行的任务.比如:一个节点的待办工作是 ...

  9. 手动模拟实现Spring IOC功能（基于javaConfig风格）

    以下文中spring特指spring frameWork项目,不含其它:如spring cloud等. 作为刚开始研究spring源码的小白,对于spring两大核心功能之一的IOC,虽说大致了解了B ...

  10. EasyCode实现数据库到Swagger全自动化

    简介 EasyCode是基于IntelliJ IDEA开发的代码生成插件,通过自定义生成模板可以完成定制化的 Mapper Service Controller 生成,结合数据库 Comment还可以 ...