js如何实现点击导航栏后相应导航栏实现选中效果的切换

Posted 2023-04-25

js如何实现点击导航栏后相应导航栏实现选中效果

js特效已经写出来了，如果设置<a href=“。。。。。。（调用java方法）”>，调用后页面自动刷新，选中效果始终在第一个上面，如果设置<a href=“。。。。。。（调用java方法）” onclick="return false">，选中效果可以实现了，却又无法调用java方法了，怎么可以实现即调用java方法又实现选中效果的切换

原因：你点击左侧菜单，整个页面被刷新了，从而始终第一个被选中

方法一：
点击左侧菜单的时候，顺便把参数带过去到后台，然后从后台返回，获取参数，你就知道是点击了哪个然后再进行你的第二种设置。

方法二：
利用jquery的ajax，无刷新跳转获取数据

参考技术A 使用iframe绑定treeview或使用master母板页
TreeNode rootNode = new TreeNode();
rootNode.Text = "";
rootNode.ImageUrl ="images/folder.gif";
rootNode.Value = "";
rootNode.Target = "rightFrame";
rootNode.NavigateUrl = "a.aspx";
this.Treeview1.Nodes.Add(rootNode);

<frameset rows="68,*" border="0" frameSpacing="0" frameBorder="0">
<frame src="top.aspx" name="topFrame" scrolling="no" noresize>
<frameset id="mainFrame" cols="178,10,*" framespacing="0" frameborder="0">
<frame src="menu.aspx" name="leftFrame" scrolling="no" noresize>
<frame src="left.htm" name="Left" scrolling="no" noresize>
<frame src="default.aspx" name="rightFrame" scrolling="no">
</frameset>
</frameset> 参考技术B 这个要用到iframe，样式就自己设置啦，
例如左边对应的div里：
<a href="...(你右边要嵌入的那个页面的url，如：hello.jap)" target="b" onclick="你的方法1">公司简介</a>
。。。。。。

<a href="..." target="b" onclick="你的方法2">加入我们</a>
右边对应的div里：
<iframe name="b" id="b" width="100%" height="100%" frameborder=0 ></iframe>追问

我调用的是一个servlet，如何指明返

回的页面，是返回到右边要嵌入进来的页面还是现在的页面

追答

返回右边要嵌入进来的页面，调用servlet可以用ajax进行后台调用，你试试

本回答被提问者采纳

java 如何实现窗口的左边是导航栏,点击其中一个选项后在窗口右边显示相应的内容

例如这种效果

JTree即可， 如下所述：

科研管理系统

追问

能不能说的详细点？

追答

说来话长啊，推荐你看看JTree的用法

参考技术A <a href="" target=“目标窗口”></a>在什么地方加你应该懂得。在你相应表单里写