使用jquery在URL栏中隐藏一些字符

Posted

技术标签:

【中文标题】使用jquery在URL栏中隐藏一些字符【英文标题】:Hiding some characters in URL bar using jquery 【发布时间】:2018-06-08 18:00:25 【问题描述】:

我有我的网址 www.abc.com/some_folder1/some_folder2/page.php 是否有任何方法可以在 URL 栏上显示“some_folder1 或 2”时隐藏它:

www.abc.com/some_folder1/page.php

www.abc.com/some_folder2/page.php

(必须隐藏“保持其功能不受影响”)

【问题讨论】:

可以使用.htaccessweb.config 进行此修改。我不认为它可以使用 jQuery 您可能只能通过在 localStorage 中缓存该文件夹然后重定向到所需页面来做到这一点,但这仍然是第一次对用户可见 谢谢@MarioRawady。我们如何使用 .htaccess 做到这一点? 您是要动态隐藏路径:The folder name differs from scenario to scenario 还是不可更改的预定义路径? 不,它不是动态发生的,它是一个预定义的路径。我在 javascript 中尝试过类似的操作,“window.location = window.location.href.replace('/some_folder1', ' ' );”。但它正在删除“some_folder1”,当我尝试访问我得到的文件时,找不到页面。 【参考方案1】:

试试这个

 

console.log( window.location.href );  
window.history.replaceState(  ,window.location.href.toString().replace( "/some_folder2","" ), window.location.href.toString() );
console.log( window.location.href );

此代码将隐藏浏览器地址栏中 URL 中的文本。 它适用于支持 HTML5 的浏览器

请查看此讨论以获取更多详细信息: history.replaceState() example?

【讨论】:

谢谢@RameshRajendran。但它会删除“some_folder2”并替换为“”。我们会得到,找不到页面错误。我只想隐藏它而不影响功能。 看看这个讨论:***.com/questions/25723654/…

以上是关于使用jquery在URL栏中隐藏一些字符的主要内容,如果未能解决你的问题,请参考以下文章

鼠标悬停时如何将url隐藏在超链接中

使用 jQuery 从 URL 中获取字符串的一部分? [复制]

如何控制在导航栏中显示的jquery mobile中的url

如果跨度包含少于 3 个字符,则使用 jQuery 隐藏跨度父级

使用jQuery替换查询字符串参数并放在地址栏中而不刷新

我们如何在不重新加载页面的情况下使用 javascript/jQuery 更新 URL 或查询字符串?