html页面点击只变一半页面,求问:HTML网页 如何实现点击上方导航栏，下面内容变动？就是说点击导航栏，只变动页面中间，其他不动_html/css_WEB-ITnose...

最新推荐文章于 2022-08-03 18:34:23 发布
最新推荐文章于 2022-08-03 18:34:23 发布
阅读量929 收藏 5
点赞数
文章标签： html页面点击只变一半页面

HTML网页 如何实现点击上方导航栏，下面内容变动？就是说点击导航栏，只变动页面中间，其他不动

好比说中间jsp:include

回复讨论(解决方案)

中间页面弄个iframe~把导航栏的target设成那个iframe的name/id

中间页面弄个iframe~把导航栏的target设成那个iframe的name/id

我是超级薪水,请问怎么把导航栏的target?怎么设?

用frame，iframe或ajax技术都行

引用 1 楼 agul_ 的回复:

中间页面弄个iframe~把导航栏的target设成那个iframe的name/id

我是超级薪水,请问怎么把导航栏的target?怎么设?

a元素的target属性

假设

引用 2 楼 chikk 的回复:

引用 1 楼 agul_ 的回复:

中间页面弄个iframe~把导航栏的target设成那个iframe的name/id

我是超级薪水,请问怎么把导航栏的target?怎么设?

a元素的target属性

假设

这个得用js了吧

3Q.....我或许有些明白了= =.

声明：本文原创发布php中文网，转载请注明出处，感谢您的尊重！如有疑问，请联系admin@php.cn处理

帝天宇
关注
统信系统UOS桌面版V20 用户手册
Reyn_观极
07-27 1万+
UOS桌面版V20用户手册。
软件测试规范
张元礼-门道科技创始人|16年IT从业经验（抖音号：mtesting）
12-11 2323
第一部分应用程序测试 第一章界面测试 界面是软件与用户交互的最直接的层，界面的好坏决定用户对软件的第一印象。而且设计良好的界面能够引导用户自己完成相应的操作，起到向导的作用。同时界面如同人的面孔，具有吸引用户的直接优势。设计合理的界面能给用户带来轻松愉悦的感受和成功的感觉，相反由于界面设计的失败，让用户有挫败感，再实用强大的功能都可能在用户的畏惧与放弃中付诸东流。 1.1易用性测试...
导航栏不变 页面切换 最简单的方法
qq_43404048的博客
07-27 1万+
导航栏不变 页面切换 最简单的方法 不久前一个导航栏想的我焦头烂额，碰巧得到了一个项目才知道怎么写的，我这个方法呢就跟插入导入css，js样式差不多。请看下面的图片 创建一个num.html，在里面把你的样式和跳转页面路径写好。如图 然后在show.html导入num.html,如图 再去addReal.html导入这个num.html文件，如图 我们来看看效果，注意我标点的地方 sho...
html 只滚动一部分页面,html怎么实现页面滑动 html让页面只能上下滑动
weixin_42509236的博客
06-03 3351
html让页面只能上下滑动让页面只能上下滑动，左右超出的东西不管，图片是代码新手，百度着写的代码首先 你的代码 不全 怎么看不到 其次你可以 在style 标签里写 body{ overflow-x:hidden; overflow-y:auto; }用HTML和css和js怎样实现随着页面滑动html5怎么实现页面左右滑动(下图区域)，可以左右创建两个html文件，一个test一个test2。打...
html中怎么设置点击菜单上面的东西不变例子_如何创建一级和多级下拉菜单
weixin_32364135的博客
12-01 193
在工作中，我们经常需要做一个下拉菜单，不仅方便我们录入数据，也可以有效避免数据录入人员编辑错误。那么该怎么进行操作呢？下面我们就来讲解一下。首先，我们看一下一级下拉菜单的制作。这个相对比较简单，请看下面的例子，我们需要统计部门人员的籍贯，只需要登记省份就可以了，我们希望将D列设置成几个省份做成下拉菜单的形式，请看下面的操作。我们选中D列，点击数据选项卡中的数据验证(旧版本称之为数据有效性)，在允许...
html左边动右边不动,网页布局//上左不动,其他滑动(示例代码)
weixin_33474071的博客
06-30 504
简介这篇文章主要介绍了网页布局//上左不动,其他滑动(示例代码)以及相关的经验技巧，文章约2673字，浏览量480，点赞数7，值得推荐！Document/*上左不动,其他的可以滑动*/*{margin: 0px;padding:0px;}#one{background:#1DC9D8;z-index:1;width:100%;height: 100px;position: fixed;margin...
html显示一半,自适应后显示不全，只能显示一半，求助！！
weixin_35252964的博客
06-26 1185
JS部分代码：window.onload=function(){WINDOW_WIDTH=document.body.clientWidth;WINDOW_HEIGHT=document.body.clientHeight;MARGIN_LEFT=Math.round(WINDOW_WIDTH/10);RADIUS=Math.round(WINDOW_WIDTH*4/5/108)-1;MARGIN...
前段HTML/CSS ES6 VUE 面试题总结
m0_64531353的博客
03-01 296
vue相关js相关es6相关css相关面试题
优雅地管理 loading 界面和标题栏
微信-sjk6070
02-18 265
现在绝大多数 App 都需要请求网络数据，loading 动画必不可少，而网络请求会存在失败的情况，所以通常有 loading 页面也会有加载失败或者别的页面。 这些页面的样式大多时候是统一的，一般会想到的处理方式是把这些界面 include 到一个布局里，然后通过显示隐藏的方式来切换所需的视图。不过总是会写很多重复代码，可能会想到把这部分切换的逻辑抽取到 Activity 基类中或者抽取到一个自...
vue2 vue3 js es6 html css 知识点
weixin_71783532的博客
08-03 1026
生命周期函数 又叫钩子函数 是到了某一个时间点会自动触发 我们讨论的是 vue 实例的钩子函数 从 vue 实例创建到销毁的过程中 到了一定的时间节点就会触发是 ECMAScript 的第六个版本 在 es5 的基础上新增加了一些语法 js 分成三部分 dom（文档对象模型） bom（浏览器对象模型） ECMAScript（js 语法）1.JavaScript（以下简称 js）的数据类型分为两种：原始类型（即基本数据类型）和对象类型（即引用数据类型）；...
HTML页面导航栏页脚不动，变换中间部分
weixin_30823683的博客
05-21 1610
代码段一： 1 <script> 2 $(document).ready(function() { 3 $("#teachingObjectives").click(function() { 4 //jiaoxuemubiao是a标签的ID, 5 //ajaxHtml是需要更新的div标签ID,2.html是更新的内容 6 //<a></a...
BootStrap笔记——附加导航
senmu_的博客
12-02 407
附加导航 锁定在某个位置，不会随着页面其他部分一起滚动 <style> /* Custom Styles */ ul.nav-tabs{ width: 140px; margin-top: 20px; border-radius: 4px; border: 1px solid #ddd; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067); } ul.na
点击导航栏切换不同的页面
热门推荐
qq_39691383的博客
03-25 2万+
实现效果 （因为无法上传视频，做成gif之后又很模糊，只能放在百度网盘里，又因为网盘维护中一定要提取码，而且我自己试了下，貌似看不了，也是很无奈，只能上gif了，也可以运行代码看效果） html代码（ 注意哦： li的id和p的id是相互对应的） <div class="navbar"> <ul> <li id="day...
点击导航栏，实现下方内容改变
24k的CSDN
04-06 2634
　　经常看到网页当中，上方一个导航栏，下面有内容，点击导航栏菜单，就可以改变下方的内容，今天查了查实现方法，本人用的frameset+frame实现的，实现方法简单，容易理解。废话不多说，上代码： Index.html 1 &lt;html&gt; 2 &lt;head&gt; 3 &lt;title&gt;index&lt;/title&gt; 4 &...
jsp重定向地址栏不改变的实例
06-01 739
代码如下:     String s = request.getParameter("l");     if(s!=null)     {         String url = "http://p.jb51.net/R/v"; %>                 ">             else     {         response.g
页面导航实现页面局部内容改变
wph_1129一直为改变|技术blog:wph4u.net
08-14 1895
今天看到的最郁闷我的事情，很简单的事情，自己本应该懂得，但是却真真切切的被自己弄复杂了。 第一种，一般要实现页面导航改变当前页面局部内容的修改，我们是通过frame 或者Iframe来连接外部页面，然后造成当前页面局部内容的修改，但是这种情况下很明显当前页面的地址栏不会发生任何
jsp中保持左侧菜单不变化右边内容变化的方法
ayu0927的专栏
04-29 5344
使用框架 html> 一般为了安全考虑，jsp页面是放入WEB-INF文件夹中的。WEB-INF是受保护文件夹，不能通过常规的方法来访问里面的资源。 解决方法:    可以使用 Struts2发送请求得到返回的result，frame中的 src="admin/top.action"    在struts.xml中配
html实现左侧导航切换,jQuery----左侧导航栏面板切换实现
weixin_32263265的博客
06-09 1074
页面运行结果：@H_404_1@404_1@点击曹操　　　　　　　　　点击刘备　　　　　　　　点击孙权　　　　　　　　原图@H_404_1@需求说明：原图如上所示，点击一方诸侯的时候，显示该诸侯手下猛将，其他诸侯手下猛将隐藏@H_404_1@页面结构：@H_404_1@404_1@@H_404_1@实现思路：@H_404_1@①给大的li注册鼠标点击事件@H_404_1@当鼠标点击时候，获取当前l...
html下拉列表局部页面改变,前端分页标记，url变化，页面局部刷新。
weixin_39564187的博客
06-03 398
1.前端使用的ajax,通过后端提供的接口地址，拿到了数据，遍历显示在页面；目前也实现了分页展示，不过，点击下一页也只是局部刷新，地址栏并没有发生变化。2.问题：如果刷新了页面就直接回到了初始化页面，这样看起来不合理，应该是回到用户的浏览的页面。3.怎样将我现在的url地址加上pages=value，拼接在地址栏上???html代码如下： 搜&nbsp索AB搜索结果共...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值