爱收集资源网

项目导航栏不需要改变,怎么办?

网络整理 2024-01-29 20:04

序言:

在写项目的时侯,仍然让我很头痛的问题,就是我的项目的导航栏不须要改变,然而点击导航栏须要切换页面。接出来我总结一下我还能想到的方式!

目录:1.iframe标签嵌入页面+自定义属性2.借助display属性和排他思想+自定义属性3.a标签的锚点定位(推荐该方式)方式一:使用iframe嵌入页面(不推荐)

在当前窗口中使用HTML5提供的iframe标签,可以引入另一个窗口的页面内容

可以通过JS来实现页面的切换




    
    
    
    首页
    


    
    
    
    

实现疗效:

缺点:

1.不利于浏览器搜索引擎的搜索

2.不适宜应用在前台系统应用

3.有些浏览器不兼容

优点:

1.简单网页点赞,只是一个HTML标签

2.常用在网站引入一些广告

iframe其他属性学习:

标签">HTML标签

技巧二:借助display属性和排他思想(推荐)

该方式借助的是diplay属性,可以将标签隐藏和显示在页面中

可以通过JS来实现页面的切换




    
    
    
    首页
    


    
    
    

首页

缺点:

1.所有切换的页面都写在一个页面中,变得代码量很大

2.操作有点子麻烦

优点:

1.没有兼容性问题

实现疗效:

方式三:a标签的锚点定位(很推荐)

在前几天逛b站时,看见了一个讲解a标签实现锚点定位的视频网页点赞,忽然灵光一现?啊这可不可以用来切换页面啊?

真恨啊!!当时写项目时侯没有想到这个方式,纯纯用了前面两种方法来实现。

话不多说

代码实现:




    
    
    
    Document
    


    
    
首页
详情
个人中心

实现疗效:

觉得这个方式没有哪些缺点,又简单又快,还没用到JS。

以上是我的总结,欢迎诸位大鳄赐教。不懂的可以call博主

网页点赞