location常见方法

最新推荐文章于 2024-04-26 16:47:03 发布
最新推荐文章于 2024-04-26 16:47:03 发布
阅读量1.4k 收藏
点赞数
文章标签： javascript java servlet
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_59359854/article/details/125560657
版权

location.assign()  可跳转页面（重定向页面）

location.replace()  替换当前页面，不记录历史，无法后退

location.reload()   刷新页面f5，参数为true为强制刷新 ctrl +f5

location方法

<input type="button" name="" id="btn" value="点击页面跳转" />
<a href="javascript:;" onclick="getreplace()">跳转qn页面</a>
<a href="javascript:;" onclick="getreload()">点击刷新页面</a>

location方法

var btn = document.querySelector('#btn');
			btn.onclick = function(){
				//跳转页面
				location.assign('http://www.baidu.com');
			}

跳转页面后 无法后退

function getreplace(){
			 location.replace('qn.html');
			}

刷新页面

function getreload(){
				location.reload();
			}

navigator对象可以判断 登陆的类型 移动端 还是网页端

if((navigator.userAgent.match
(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) {
						console.log("手机端");
			 } else {
						console.log("PC端");
			 }

window对象给我们提供了一个 history对象，与浏览器历史记录进行交互。该对象包含用户（在浏览器窗口中）访问过的URL。

history.back()    后退功能

history.forward() 前进功能

go(参数)       前进后退功能，如果是1，就前进一个页面，-1就后退一个页面

<body>
		history2页面
		<a href="history3.html">history3html页面</a>
		<input type="button" name="" id="" value="后退一步" onclick="goback()"/>
		<input type="button" name="" id="" value="前进一步" onclick="gofoward()"/>
		
		<script type="text/javascript">
			// 页面后退一步
			function goback(){
				// history.back();
				history.go(-1);
			}
			
			//页面前进一步
			function gofoward(){
				// history.forward();
				history.go(1);
			}
		</script>
	</body>
北风吹画州
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Nginx服务器中location配置的一些基本要点解析
09-30
主要介绍了Nginx服务器中location配置的一些基本要点解析,特别对管理以及查找匹配作出了详细的讲解,需要的朋友可以参考下
location对象详解
weixin_41886421的博客
03-10 1762
location对象详解
location的方法
wang_swa99er的博客
08-11 954
location的方法 方法： location.assign(url) 【注】在当前窗口跳转到这个url location.replace(url) 【注】再当前窗口替换成新的url，不会产生历史记录 location.reload() 【注】刷新当前窗口 location.reload(true) 【注】不经过浏览器缓存强制从服务器重载(可以避免之前加载的历史记录) ...
javascript中location对象的属性与方法
a836996156的博客
01-03 1198
本章介绍js中的location中的属性和方法。在JavaScript中，location是一个包含当前页面的URL信息的对象。它允许你获取和操作当前页面的URL，比如获取当前页面的URL，获取URL中的特定部分（比如主机名、路径、查询参数等），以及在不刷新页面的情况下改变页面的URL。location对象提供了各种方法和属性来帮助你操作URL。以下是一些location：获取或设置完整的URL。：获取或设置主机名和端口号。：获取或设置主机名。
JS中BOM的Location对象的用法（assign()、reload()、replace()）
Fantasc的博客
08-14 888
Location：地址栏的信息封装在该对象中，直接打印location能够获取到当前页面的地址栏信息（完整路径）。 alert(location);//会得到当前页面的完整路径 将location修改为一个完整的绝对路径或者相对路径，当前页面会自动跳转到修改路径的页面，并生成相应历史记录。 location = "http://www.baidu.com";//绝对路径，跳转到百度首页 location = "js测试.html";//相路径，跳转到js测试.html页面 Location对象中
javascript之location常用属性和方法
weixin_72473547的博客
12-28 1158
本章学习的是location常用属性和方法关键单词作用href返回或设置当前页面的URL地址。host返回当前页面的主机名和端口号。hostname返回当前页面的主机名。port返回当前页面的端口号。protocol返回当前页面的协议。pathname返回当前页面的路径部分关键单词作用加载一个新的URL，并在浏览器历史记录中生成新的记录。加载一个新的URL，并替换当前的历史记录。reload()重新加载当前页面。toString()返回当前页面的完整URL字符串。
location常用属性和方法
weixin_69026046的博客
01-07 421
跟href一样,可以跳转页面(也称为重定向页面),记录历史,可以后退。替换当前页面,因为不记录历时,所以不能后退页面。
JavaScript学习（六）—location对象常用的属性和方法
道阻且长，行则将至。
04-01 5082
location对象常用的属性 一、location对象 作用：location是window对象的一个属性，本身也是对象类型，它的作用是用来获取文档对象的相关信息，如文档的URL地址信息。 二、location对象常用的属性： 1）href属性 作用：获取或设置窗口中的url地址信息 获取格式：window.location.href 更改的格式：window.location.href=新的地址信息; 注意：在使用href属性修改url地址薪资时会产生浏览记录 事例：点击按钮，跳转到百度页面 <b
location的常用方法
yun_shuo的博客
03-20 1248
location的常用方法 location作为BOM对象的属性对象，包含有关当前 URL 的信息。以一个百度网页为例。 location.protocal获取当前url协议 HTTPS是一种全新的安全协议，对网站本身以及访问网站的网友都有着更好的安全性，防止隐私泄露。 location.host获取当前域名即当前 URL 的端口号 url：统一资源定位器 location.pathname获取文件路径名 location.search获取当前url参数 它将返回从问号 (?) 开始
location方法总结
cky的博客
05-07 2836
window.location方法获取URL　 完整的URL由这几个部分构成：　　scheme://host:port/path?query#fragment　　 scheme:通信协议　　常用的http,ftp,smtp等　　 host:主机(带端口号)　　服务器(计算机)域名系统 (DNS) 主机名或 IP 地址。　　 port:端口号　　整数，可选，省略时使用方案的默认端口，如...
js的Object.assign用法示例分析
11-21
本文实例讲述了js的Object.assign用法。分享给大家供大家参考，具体如下： 作用 Object.assign() 用于将所有可枚举的自有属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。 语法 Object.assign(target, …sources) 参数： target： 目标对象 sources：任意多个源对象 返回值 返回值为合并属性后的目标对象，即target。 示例1（属性值是值类型） var obj1 = { a:1 }; var obj2 ={ b:2 }; var obj = {}; var o = Object.assign(obj,
javascript常用的方法分享
12-09
针对现在大家平时开发中，都会写一些重复性的js处理代码，今天总结了几个比较常用的方法实现。获取get请求参数、去字符串空格。 1、获取get请求中的参数 Js代码  function getPara(para){ if(location.href.indexOf("?") == -1){ // 没有参数，则Do nothing. return null; } else{ // 取得GET请求?号后面的字符串 var urlQuery = location.href.split("?"); if(urlQuery[1].indexOf("&")==
ES6 Object.assign()的用法及其使用
11-21
1.Object.assign()基本用法： Object.assign方法用来将源对象（source）的所有可枚举属性，复制到目标对象（target）。它至少需要两个对象作为参数，第一个参数是目标对象，后面的参数都是源对象。 let targetObj1 = { a: 1 }; let sourceObj1 = { b: 1 }; let sourceObj11 = { c: 3 }; Object.assign(targetObj1, sourceObj1, sourceObj11); console.log(targetObj1); 注：如果目标对象与
JavaScript对象拷贝与Object.assign用法实例分析
10-18
主要介绍了JavaScript对象拷贝与Object.assign用法,结合实例形式分析了javascript深拷贝与浅拷贝以及Object.assign的功能与相关使用技巧,需要的朋友可以参考下
JavaScript基础知识及常用方法总结
12-12
JAVASCRIPT是AJAX技术中不可或缺的一部分，所以想学好AJAX以及现在流行的AJAX框架，学好JAVASCRIPT是最重要的。 一、基础知识： 1.[removed](“”); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->(head,body) 4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document) 5.得到表单中元素的名称和值:document.getElementById(“表单中元素的ID号”).name(或value) 6.一个小
html文档中的location对象属性理解及常见的用法
09-04
location对象中涵盖了当前页面（本页面）或者更直接的说是当前加载的这个html文档的url信息，可以通过[removed]老访问
js页面跳转的常用方法整理
12-01
代码如下: <!–脚本开始–> [removed] function countDown(secs){ tiao.innerText=secs;...INPUT name=”pclog” type=”button” value=”GO” onClick=”location.href=’http://www.ddhbb.com/'”> 链接
vue快速入门（四十六）Router的安装与使用
最新发布
不起眼小菜菜的博客
04-26 612
步骤很详细，直接上教程……
vue2---修饰符
weixin_45503872的博客
04-24 1059
此时有一个问题，如果我们设置了系统修饰符，并不希望有其他的按键组合，比如我们设置ctrl修饰符，此时如果按住ctrl和其他键，然后再点击鼠标，此时也会触发事件监听，所以我需要使用其他的修饰符来设置精确匹配事件。此时People的data返回的是一个对象，不是一个地址，每一个实例拿到的都是个独立，个体的对象，互相不会数据冲突，这个就是vue组件data为什么是函数的原因。data是一个函数，返回的是一个对象，目的是为了让每个组件数据隔离，这个是JavaScript的原理，并不是vue去设计的。
location对象常用的属性和方法
06-12
location 对象是浏览器内置的一个对象，它用于获取和设置当前页面的 URL 信息，并提供了一些常用的属性和方法，以下是一些常用的属性和方法： 属性： - location.href：获取或设置页面的完整 URL。 - location.protocol：获取或设置页面的协议（http、https 等）。 - location.host：获取或设置页面的主机名和端口号。 - location.hostname：获取或设置页面的主机名。 - location.port：获取或设置页面的端口号。 - location.pathname：获取或设置页面的路径部分。 - location.search：获取或设置页面的查询部分。 - location.hash：获取或设置页面的锚点部分。 方法： - location.reload()：重新加载当前页面。 - location.assign(url)：将当前页面设置为指定 URL。 - location.replace(url)：用指定 URL 替换当前页面。 注意：在浏览器中，访问 location 对象的属性和方法时，可以省略 location 前缀，直接写属性名或方法名即可。例如：href、reload() 等。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值