js获取历史url

Posted 2023-04-09

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js获取历史url相关的知识，希望对你有一定的参考价值。

参考技术A

一、JS高手呢,获取历史网址

你的问题涉及到 Same Origin Policy（同源策略），这是一个关系到隐私和安全性的问题。任何浏览器都不会给你机会让你访问 **异域** 历史网址。

但是，如果这三个页面在同一域名下，你可以使用 Javascript 的 document.cookie 来记录每次访问的网址。

我写的例子需要4个文件，url_history.js,1.,2.,3.（三个文件内容相同），代码写在空间（hi.baidu/keneks/item/50699e21f9300d0c72863e4d）

复制粘贴，将 url_history.js 和其它三个文件放在一起，访问任何一个页面，点击任何链接，上面会自动显示曾经访问过的页面。

历史网址以 array 形式保存在 url_history 变量中，所以 url_history[0] 为上一个，url_history[1] 为上上一个，以此类推。

二、js如何获取前两页的url

代码如下：<script type=text/javascript> var referrer = document.referrer; if (!referrer) try if (window.opener) // IE下如果跨域则抛出权限异常 // Safari和Chrome下window.opener.location没有任何属性 referrer = window.opener.location.href; catch (e) </script>；你的q号，我一会远程助你。

三、如何使用js获取修改URL

使用js对当前的URL进行操作，可以使用内置对象window.location;window.location有以下属性：window.location.href：取得当前地址栏中的完整URL，可以通过赋值改变当前地址栏中的URL;window.location.search 取得当前URL的参数部分，即“？”后面的部分（包括问号），可以通过赋值改变URL的参数部分；window.location.hash：取得当前URL中包含的锚记，即“#”后面的部分（包括#），可以通过赋值改变URL的锚记部分；window.location.host：取得当前URL中的主机信息，包括端口号，可以通过赋值改变主机信息；window.location.hostname：取得当前URL中的域名部分，不包括端口号，可以通过赋值改变域名；window.location.port：取得当前URL中的端口号，可以通过赋值改变端口号；window.location.pathname：取得当前URL中的路径信息，即域名与参数之间的部分，可以通过赋值改变当前URL的路径；window.location.protocol：取得当前URL的协议部分，比如:,：等，可以通过赋值改变URL的协议部分；window.location有一下方法：window.location.replace(url)：用传入的URL字符串替代当前的URL，该方法会将历史记录中的URL一并替换掉，也就是说，这个方法会覆盖之前的历史记录；window.location.reload（)：重新加载当前URL，相当于刷新；window.location.assign(url)：加载传入的URL，该方法不会覆盖之前的历史记录；。

四、JS获取几种URL地址的方法

下面为使用JS获取MAC地址、IP地址及主机名的方法：复制代码代码如下：<meta -equiv="Content-Type" content="text/; charset=gbk"><body> 。

五、js中如何获取前一个页面的url

获取的方法如下：

1、设置或获取整个 URL 为字符串： window.location.href

2、设置或获取与 URL 关联的端口号码： window.location.port

3、设置或获取 URL 的协议部分 window.location.protocol

4、设置或获取 href 属性中跟在问号后面的部分 window.location.search

5、获取变量的值（截取等号后面的部分）

6、设置或获取 URL 的协议部分： window.location.protocol

7、设置或获取 href 属性中在井号“#”后面的分段： window.location.hash

8、设置或获取 location 或 URL 的 hostname 和 port 号码： window.location.host

六、如何使用js获取修改URL

使用js对当前的URL进行操作，可以使用内置对象window.location;

window.location有以下属性：

window.location.href：取得当前地址栏中的完整URL，可以通过赋值改变当前地址栏中的URL;

window.location.search 取得当前URL的参数部分，即“？”后面的部分（包括问号），可以通过赋值改变URL的参数部分；

window.location.hash：取得当前URL中包含的锚记，即“#”后面的部分（包括#），可以通过赋值改变URL的锚记部分；

window.location.host：取得当前URL中的主机信息，包括端口号，可以通过赋值改变主机信息；

window.location.hostname：取得当前URL中的域名部分，不包括端口号，可以通过赋值改变域名；

window.location.port：取得当前URL中的端口号，可以通过赋值改变端口号；

window.location.pathname：取得当前URL中的路径信息，即域名与参数之间的部分，可以通过赋值改变当前URL的路径；

window.location.protocol：取得当前URL的协议部分，比如:,：等，可以通过赋值改变URL的协议部分；

window.location有一下方法：

window.location.replace(url)：用传入的URL字符串替代当前的URL，该方法会将历史记录中的URL一并替换掉，也就是说，这个方法会覆盖之前的历史记录；

window.location.reload（)：重新加载当前URL，相当于刷新；

window.location.assign(url)：加载传入的URL，该方法不会覆盖之前的历史记录；

158 - 获取历史细节

获取历史/历史细节

表1.获取历史详情 - URL参数

参数	需要	值	描述
ID	没有	串	历史细节的ID。
processInstanceId	没有	串	历史细节的流程实例ID。
流程id	没有	串	历史细节的执行ID。
activityInstanceId	没有	串	历史细节的活动实例ID。
任务id	没有	串	历史细节的任务ID。
selectOnlyFormProperties	没有	布尔	指示只返回结果中的表单属性。
selectOnlyVariableUpdates	没有	布尔	指示只返回结果中的变量更新。

表2.获取历史细节 - 响应代码

响应码	描述
200	表示可以查询历史细节。
400	指示参数以错误的格式传递。状态消息包含附加信息。

成功回应机构：


"data": [

"id" : "26",
"processInstanceId" : "5",
"processInstanceUrl" : "http://localhost:8182/history/historic-process-instances/5",
"executionId" : "6",
"activityInstanceId", "10",
"taskId" : "6",
"taskUrl" : "http://localhost:8182/history/historic-task-instances/6",
"time" : "2013-04-17T10:17:43.902+0000",
"detailType" : "variableUpdate",
"revision" : 2,
"variable" : 
"name" : "myVariable",
"variableScope", "global",
"value" : "test"
,
"propertyId": null,
"propertyValue": null

],
"total": 1,
"start": 0,
"sort": "name",
"order": "asc",
"size": 1

上面文章来自盘古BPM研究院：http://vue.pangubpm.com/
文章翻译提交：https://github.com/qiudaoke/flowable-userguide
了解更多文章可以关注微信公众号：

以上是关于js获取历史url的主要内容，如果未能解决你的问题，请参考以下文章

[JS-BOM]BOM_History历史记录对象