js获取历史url

发布时间:2025-05-21 19:17:03 发布人:远客网络

js获取历史url

一、js获取历史url

一、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]为上上一个，以此类推。

代码如下：<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进行操作，可以使用内置对象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获取MAC地址、IP地址及主机名的方法：复制代码代码如下：<meta-equiv="Content-Type" content="text/; charset=gbk"><body>。

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进行操作，可以使用内置对象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.replace(url)：用传入的URL字符串替代当前的URL，该方法会将历史记录中的URL一并替换掉，也就是说，这个方法会覆盖之前的历史记录；

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

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

二、js跳转到指定url

js怎么跳转到指定url呢？不知道的小伙伴来看看小编今天的分享吧!

1、οnclick=javascript:window.location.href=URL

3、οnclick=window.location.href=URL?id=11

如果页面中有frame可以将在location前面添加top.mainframe.frames[right_frame].location

window.location.href=

a href=baidu.com target=_selfgo baidu/a

window.open()

a href=baidu.com target=_blankgo baidu/a

JavaScript（简称“JS”）是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。

JavaScript在1995年由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。

JavaScript的标准是ECMAScript。截至 2012年，所有浏览器都完整的支持ECMAScript 5.1，旧版本的浏览器至少支持ECMAScript 3标准。2015年6月17日，ECMA国际组织发布了ECMAScript的第六版，该版本正式名称为 ECMAScript 2015，但通常被称为ECMAScript 6或者ES2015。

三、vue项目的History模式

1、这次给大家带来vue项目的History模式，操作vue项目History模式的注意事项有哪些，下面就是实战案例，一起来看一下。

2、但是不难发现#的出现真的很丑陋，并且也不知道这是什么作用？

3、所以就去Stack Overflow上搜索了，果然还有~看来Stack Overflow是真的强大，你在项目中遇到的问题实际上在so上都已经被问过并且解决了。

4、这是最高票的回答，即在vue2中将mode模式设置为history，试过之后确实奏效！

5、但是知道这样可以解决问题，却不知道为什么，这是不行的，随着连接，我们看到了文档。

6、所以这篇文章也就是引申到文档的理解了，大家可以直接去看文档。

7、对于vue开发的单页面应用，我们在切换不同的页面的时候，可以发现html永远只有一个，这也真是称之为单页面的原因，而vue-router默认 hash模式——使用 URL的 hash来模拟一个完整的 URL，于是当 URL改变时，页面不会重新加载。因为对于正常的页面来说，更换url一定是会导致页面的更换的，而只有更换url中的查询字符串和hash值得时候才不会重新加载页面。这里也就是这个道理。

8、但是#这种形式真的很丑！所以，如果不想要，可以使用路由的history模式！这种模式充分利用了history.pushState API来完成URL的跳转而不需要重新加载页面。

9、const router= new VueRouter({ mode:'history' routes: [.]})

10、使用这种模式之后，就没有#了，而是可以像使用正常的url进行访问了。?

11、不过这种模式要玩好，还需要后台配置支持。因为我们的应用是个单页客户端应用，如果后台没有正确的配置，当用户在浏览器直接访问就会返回 404，这就不好看了。

12、所以呢，你要在服务端增加一个覆盖所有情况的候选资源：如果 URL匹配不到任何静态资源，则应该返回同一个 index.html页面，这个页面就是你 app依赖的页面。

13、注意：目前我所做的项目的后端没有支持此种方式，所以还是先使用#的方式进行开发。

14、给个警告，因为这么做以后，你的服务器就不再返回 404错误页面，因为对于所有路径都会返回 index.html文件。为了避免这种情况，你应该在 Vue应用里面覆盖所有的路由情况，然后在给出一个 404页面。

15、const router= new VueRouter({ mode:'history' routes: [{ path:'*' component: NotFoundComponent} ]})

16、或者，如果你是用 Node.js作后台，可以使用服务端的路由来匹配 URL，当没有匹配到路由的时候返回 404，从而实现 fallback。