如何实现点击内部链接URL不改变的网站？

发布于 2024-08-09 20:47:13 字数 199 浏览 4 评论 0原文

有些网站如何实现点击内部链接时URL地址不改变的？例如，如果 URL 是 www.example.com，那么当您单击该网站的“联系方式”链接时，它仍然保持不变。此外，当我访问我的网站时，它会更改为 www.example.com/home.html，但其他一些网站仍保留 www.example.com。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

许仙没带伞 2024-08-16 20:47:14

其他选项包括 AJAX 或 JavaScript 实现。

例如，使用 AJAX，您可以将动态信息加载到元素（例如 DIV）中，而不会导致页面重新加载。

使用其他 JavaScript 功能也可以这样说，例如通过附加到链接的 onclick 事件隐藏和显示页面上的元素。

正如马丁上面所说，这种功能绝对被认为是不好的做法。您基本上会杀死用户或搜索蜘蛛将寻找的任何类型的网站结构。

回复收藏 0 原文

紫竹語嫣☆ 2024-08-16 20:47:14

简单的 iframe 示例（demo）：

<html> 
  <head> 
    <title>CNN</title> 
    <style type="text/css">       
      html, body, iframe {
        margin: 0px;
        padding: 0px;
        height: 100%;
        width: 100%;
        border: none;
        overflow: hidden; }
      iframe { overflow: auto; }
    </style> 
  </head> 
  <body> 
    <iframe src="http://www.cnn.com/"></iframe> 
  </body>
</html>

正如其他人已经指出的那样，这是这是一个不好的做法。

Simple iframe example(demo):

<html> 
  <head> 
    <title>CNN</title> 
    <style type="text/css">       
      html, body, iframe {
        margin: 0px;
        padding: 0px;
        height: 100%;
        width: 100%;
        border: none;
        overflow: hidden; }
      iframe { overflow: auto; }
    </style> 
  </head> 
  <body> 
    <iframe src="http://www.cnn.com/"></iframe> 
  </body>
</html>

As others have already stated this is a bad practice.

回复收藏 0 原文