序言:
在写项目的时侯,仍然让我很头痛的问题,就是我的项目的导航栏不须要改变,然而点击导航栏须要切换页面。接出来我总结一下我还能想到的方式!
目录: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博主