浏览器路径隐藏

最新推荐文章于 2023-02-23 18:51:48 发布

切儿

最新推荐文章于 2023-02-23 18:51:48 发布

阅读量1.7k

点赞数

分类专栏： web js 文章标签：地址栏隐藏

本文链接：https://blog.youkuaiyun.com/kangmingyaner/article/details/101027650

版权

web 同时被 2 个专栏收录

33 篇文章

订阅专栏

11 篇文章

订阅专栏

浏览器地址栏有时会不想让看到当前文件的名称，所以一般会在页面中转一下

以下是简单示例（只是想到简单实现，可能还会有更好的方法）

index.html

<body>
	<script type="text/javascript">
		window.location="login.html";
	</script>
</body>

<frameset rows="*,1px" framespacing="0" border="no" style="width:100%; height:100%; margin-top:0px; overflow:auto;">
	<frame id="test" src="#" noresize frameborder="0" />
</frameset>
<body>
</body>

<script type="text/javascript">
	$(document).ready(function() {
	    window.parent.document.getElementById("test").src='content.html' ;
	});
</script>

content.html 为具体的页面内容

用浏览器打开index页面，浏览器显示内容为 content.html 内容，地址栏路径为：http://127.0.0.1:8020/login.html

亲测！

无聊时的想法，写出来测试的，具体功能的实用性未知 = =