JavaScript——Location对象以及History对象

最新推荐文章于 2024-05-17 13:52:13 发布
最新推荐文章于 2024-05-17 13:52:13 发布
阅读量234 收藏
点赞数
文章标签： javascript 前端 java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_69420643/article/details/127078376
版权

Location对象

方法名称说明
assign("url")加载URL指定的HTML文档
reload()重新加载当前页
replace("url")通过加载URL指定的文档来替换当前文档

1、assign("url")

格式：location.assign("url")

用法演示：

<body>
		<input type="button" value="跳转至百度" id="btn" onclick="a1()">//按钮
		
		<script type="text/javascript">
            //按下按钮触发的事件
			function a1(){
                //跳转至“https://www.baidu.com”
				location.assign("https://www.baidu.com")
			}
		</script>
	</body>

2、reload()

格式：location.reload()

用法演示：

<body>
		<input type="button" value="刷新" onclick="a1()">//按钮
		
		<script type="text/javascript">
            //点击按钮时触发的事件
			function a1(){
                //重新加载当前页
				location.reload()
			}
		</script>
	</body>

 3、replace("url")

格式：location.replace("url")

用法演示：

<body>
		<input type="button" value="替换当前页" id="btn">
		
		<script type="text/javascript">
			document.getElementById("btn").onclick = function() {
				location.replace("https://www.baidu.com")
			}
		</script>
	</body>

 History对象

方法名称说明
back()加载History列表中的上一个URL，相当于后退按钮
forward()加载History列表中的下一个URL，相当于前进按钮
go()加载History列表中的个URL，或要求浏览器移动指定的页数。go(1)代表前进一页，go(-1)代表后退一页

1、back()

格式：history.back()

 

<body>
		<input type="button" value="前进" id="btn" onclick="a1()">
		
		<script type="text/javascript">
			function a1(){
				history.back()
			}
		</script>
	</body>

2、forward()

格式：history.forward()

<body>
		<input type="button" value="后退" id="btn" onclick="a1()">
		
		<script type="text/javascript">
			function a1(){
				history.forward()
			}
		</script>
	</body>

 

3、go()

格式：history.go()

<body>
		<input type="button" value="前进" onclick="a1()">
        <input type="button" value="后退" onclick="a2()">
		
		<script type="text/javascript">
			function a1(){
				history.go(1)
			}
            function a2(){
				history.go(-1)
			}
		</script>
	</body>

 

@-笨笨熊
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS执行机制、location、history对象、正则表达式
weixin_61561066的博客
06-23 267
目录一、JavaScript的执行机制1、JavaScript的基本认识2、同步执行3、异步执行4、执行机制二、location对象1、url2、常用属性三、history对象1、属性2、方法四、正则表达式1、定义2、使用方法（1）创建正则（2）调用相关方法进行正则模式匹配3、模式修饰符4、边界符5、预定义符6、特殊的转义字符7、示例范围eg：输入用户名你判断是否符合格式8、量词符9、括号符（1）改变限定符的范围（2）分组10、贪婪匹配11、懒惰匹配12、正则的优先级练习：身份证号码验证（1）JavaScr
JavaScript的location对象和history对象
qq_38163146的博客
08-04 1363
一、location对象 window. location对象用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面 2、包含的属性： hash、host（含端口号的主机名）、hostname（不含端口号的主机名）、 href（等价于location.toString()方法）、pathname、port、protocol、search .3、方法: //获取地址栏 中 #...
JavaScript常用的对象——Math对象详谈
01-08
说到Javascript对象，能想到好多，比如创建数组使用的Array，比如创建函数使用的Function等等。今天我要说的是Math对象。 Math对象 首先Math对象是什么，Math对象的作用又是什么？ Math对象属于JavaScript对象中的内置对象，它不同于Array、Function、Object等对象可以创建构造，它是由ECMAScript实现提供，在程序开始执行时出现，可以通过调用其中的方法完成一些数学运算 Math中常用的属性 Math.PI：相当于数学中的π，常用于与圆相关的计算 //求半径为10的圆的面积，圆的面积公式：s = π * r * r; var cir =
JavaScript中的Location地址对象
10-30
JavaScript中的Location地址对象
JavaScript中的History历史对象
10-30
JavaScript中的History历史对象
Java Script中的History对象，Location对象和JS的鼠标事件
m0_70675760的博客
09-26 173
go（'url'or number）加载History列表中的一个URL或要求浏览器移动指定的页面数。forward（）方法，加载History列表中的下一个URL，相当于前进按钮。replace（‘url’）通过加载URL指定的文档来替换当前文档、go（-1）代表后退一页，等价于back（）方法。常用方法：back（）方法，加载History列表中的上一个URL，相当于后退按钮。常用方法：assign（‘url’）加载URL指定的新的HTML文档。History对象：有关客户访问过的URL的信息。
js BOM、js window、js location、js navigator、js history
m0_55832273的博客
06-03 124
文章目录1.BOM什么是BOM？常见的BOM对象2.window3.location案例练习 1.BOM js分为三部分： ECMAScript 语法标准。 BOM 操作浏览器部分功能。 DOM 操作网页上的元素。 【注意】 DOM是BOM的一部分。 window对象时BOM的顶层对象。所有的BOM对象都是通过window对象延伸出来的，也可以成为window的子对象。 什么是BOM？ Browser object model 浏览器对象模型。 常见的BOM对象 window：代表的
JavaScript——Location对象与History对象
WXS153322的博客
09-27 525
JavaScrip中的tLocation对象与History对象的使用方法及案例.......
JavaScript之History&Location对象
qq_43751200的博客
06-04 237
JavaScript之History&Location对象
javascript类型系统——日期Date对象全面了解
10-21
下面小编就为大家带来一篇javascript类型系统——日期Date对象全面了解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
JavaScript入门教程(7) History历史对象
10-30
JavaScript中的History历史对象包含了用户已浏览的 URL 的信息，是指历史对象指浏览器的浏览历史。
javascript中的location和history
璀璨星空
10-26 769
javascript 的location应用Location.href 返回整个当前url,若对其赋值：location.href="http://www.sina.com.cn"则跳转其urllocation.host 返回域名和端口号，如：www.sina.com.cn:80lcation.hostname 返回域名location.port 返回端口location.pathname 返回域
js中的history和location对象及节点
lh2420124680的博客
07-21 1398
1.history href="javascript:history.forward()">前进//forward() href="javascript:history.back()">后退//back() 2.location location.reload()//刷新location.href = "www.xxx.com"//跳转 3.节点 节
JS(history,location的使用)返回上一页以及返回上一页并刷新
热门推荐
花开不合阳春暮
10-11 2万+
window.history.go(-1);//返回上一页不刷新 window.history.back(); //返回上一页 window.location.href = document.referrer;//返回上一页并刷新，真正实现页面后退并刷新页面 history.go(1);//前进一页 history.forward(); //前进一页 history.length;//用le
JS history,location的使用) 返回上一页 以及 返回上一页并刷新
了解—学习—进步—满足
04-10 8444
window.history.go(-1);//返回上一页不刷新 window.history.back(); //返回上一页 window.location.href = document.referrer;//返回上一页并刷新，真正实现页面后退并刷新页面 history.go(1);//前进一页 history.forward(); //前进一页 history.length;//用l...
JS（六）：history对象和location对象
白骨梦儿
06-20 2988
History对象属性 History对象包含用户（在浏览器窗口中）访问的url. History对象是window对象的一部分（window对象下的子对象），可通过window.history属性对其进行访问。 Location对象属性 Location对象包含有关当前URL的信息。 Location对象是Window对象的一个部分，可通过window.location属性来访...
ant design DatePicker日期选择框指定分钟的间隔minuteStep属性
最新发布
u010234868的专栏
05-17 195
在上面的例子中，DatePicker 将只允许用户以 15 分钟为间隔选择分钟。是 Ant Design 的 TimePicker时间选择框组件的一个属性。设置为 30，则用户可以选择以 30 分钟为间隔的分钟值。如果你想让分钟选项只能以 15 分钟为间隔选择，你可以将。
(Vue3+TS+Volar) 全局组件配置类型声明的最佳实践
从今年开始写写博客~~
05-14 231
简评：Volar官方全局组件的推荐写法，基于Volar，必须安装该插件，GlobalComponents是Volar专门为了解决全局组件类型而新增的类型接口。定义全局组件：使用GlobalComponents类型接口声明类型。
javascript location对象
03-16
JavaScript中的location对象是用于获取和设置当前页面URL的属性和方法的对象。它包含了当前页面的URL、协议、主机名、端口号、路径、查询参数和锚点等信息。通过location对象，我们可以获取当前页面的URL，也可以...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值