BOM-location对象

1.DOM：文档对象模型，操作网页上的元素的API，比如让盒子移动，让盒子变色。

2.BOM：浏览器对象模型，操作浏览器部分功能的API，比如让浏览器自动滚动

location对象常用方法：

1. location.assign()函数：当前页面跳转，可以回退

	<body>
		
		<button class="btn1" type="button">打开腾讯</button>
		<script type="text/javascript">
			var btn1 = document.querySelector(".btn1")
			btn1.onclick = function(){
				location.assign("http://www.qq.com")
			}
		</script>
	</body>

效果图：

2. location.replace()函数：页面跳转，将当前页面替换掉无法回退

	<body>
		
		
		<button class="btn1" type="button">打开腾讯</button>
		<script type="text/javascript">
			var btn1 = document.querySelector(".btn1")
			btn1.onclick = function(){
				// location.assign("http://www.qq.com")
				location.replace("http://www.qq.com")
			}
		</script>
	</body>

效果图

3.location.reload() 重新加载当前页面，相当于点了刷新按钮

4. location.href 页面跳转

	<body>	
		<button class="btn1" type="button">打开腾讯</button>
		<script type="text/javascript">
			var btn1 = document.querySelector(".btn1")
			btn1.onclick = function(){
				location.assign("http://www.qq.com")
				// location.replace("http://www.qq.com")
				// location.reload()
				location.href = "http://www.4399.com/"
			}
		</script>
	</body>

本文链接：https://blog.csdn.net/Sallery/article/details/107192946

智能推荐

对象和对象变量

Part1：当我们执行操作如：People peo1 = new People();时，其实可以拆分为以下几步： 1.创建对象 new People() 2.声明变量 People peo1 3.变量赋值 peo1 <= 新建的对象其中，第二步声明的变量就是对象变量，它是一个对象类型的变量，而不是一个实际的对象，他们之间是完全不同，有着本质区别的。下面对创建变量的过程进行简单剖析： 1....

response对象、session对象

目录 response对象简介设置头信息请求重定向 Cookie处理 session内置对象简介登录注销 response对象简介 request内置对象主要的功能时进行用户请求的接收，即服务器要想接收到用户所发送的信息就使用request，而服务器端对客户端的回应信息就需要通过response完成。例如：“<%= %>”也是服务器对客户...

Javascript对象 string对象

什么是Javascript对象呢,javaScript是面向对象（OOP）语言。这编程语言为为开发提供了四种基本功能，我们可以称其为面向对象。 1、封装-将相关信息（无论是数据还是方法）存储在对象中的能力。 2、聚合-将一个对象存储在另外一个对象中的能力。 3、继承-类的一些属性和方法依赖于另一个类（或类的数量）的能力。 4、多态性-能够编写一种以各种不同方式工作的函数或方法。对象由属性...

JavaScript对象 Boolean对象

JavaScript对象 Boolean对象 JavaScript对象呢，之前我也说过了String对象，这次我来说说Boolean对象。 Boolean对象和string对象是不同的，让我们来看看Boolean对象和string对象有什么不同，作用是什么。 Boolean对象呢，分别表示两个值，一个是“true”，另外一个是“false”.我们如果...

内置对象日期对象

什么是对象，JavaScript中的所有事物都是对象，如：字符串、数组、数值、函数等，每个对象带有属性和方法，对象的属性：反映该对象某些特定的性质的，如：字符串的长度、图像的长宽等；对象的方法：能够在对象上执行的动作，例如：表单的“提交”(Submit)，时间的“获取”（getYear）等。属性：数组的长度就是它的属性，Javascript提供多...

BOM-location对象

智能推荐

猜你喜欢