js通过下拉列表来实现目录导航

最新推荐文章于 2023-02-11 16:40:11 发布
最新推荐文章于 2023-02-11 16:40:11 发布
阅读量273 收藏
点赞数
文章标签： 前端 python ViewUI
原文链接：https://my.oschina.net/u/3720860/blog/1582004
版权

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

其实很简单，只需用一个onchange()事件，加上options[]集合。

<body>

<select size="1" name="select" οnchange="window.location.href=this.options[this.selectedIndex].value">
            <option value="目錄">目錄</option>
            <option value="目錄1.html">目錄1</option>
            <option value="目錄2.html">目錄2</option>
            <option value="目錄3.html">目錄3</option>
            <option value="目錄4.html">目錄4</option>
        </select>
    </body>

转载于:https://my.oschina.net/u/3720860/blog/1582004

weixin_34228387
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
突破编程_前端_JS编程实例（目录导航）
突破编程
03-10 1344
JS编程实例：目录导航
JS实现导航栏下拉
最新发布
weixin_51747920的博客
06-30 2082
通过JavaScript实现导航栏下拉显示与隐藏功能。当鼠标移入时，通过设置display属性值为block，使下拉表显示；而当鼠标移出时，将display属性值设置为none，使得下拉表隐藏。在JS中onmouseover 和 onmouseout 事件可用于在用户的鼠标移至 HTML 元素上方或移出元素时触发函数。
js实现导航栏的下拉表单
xuehaocyuyan的博客
07-02 5477
用js实现鼠标经过时下拉表单显示隐藏 代码含详细注释 可运行 主要思路就是获取下拉表单之后鼠标在就显示，不在就隐藏，js代码比较简单，反而是css比较多，下面给出完整代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <m
javascript案例10——下拉菜单
努力、拼搏、奋进
05-07 8349
一、案例描述 鼠标经过导航栏出现下拉菜单。 二、案例效果演示 三、案例局部代码 css代码： <style> * { margin: 0; padding: 0; } a { text-decoration: none; color: #000; } ul { list-style: none; } .nav { text-align: center;
分享113个JS菜单导航，总有一款适合您
zy0412326的专栏
02-11 728
js
js实现前端界面导航栏下拉列表
12-28
本文实例为大家分享了js实现前端界面导航栏下拉列表的具体代码，供大家参考，具体内容如下 先来看成果图 html代码： 列表一 <
JQuery实现鼠标滑过显示导航下拉列表
12-11
在实现鼠标滑过显示导航下拉列表的过程中，JQuery为我们提供了方便的API。 要创建这个功能，我们首先要搭建HTML结构。如文中的示例，我们有一个`<p>`标签作为主导航项（`#it`），一个`<ul>`列表作为下拉菜单（`#ul`...
Javascript 生成无限下拉列表实现代码
10-30
在JavaScript编程中，生成无限下拉列表是一种常见的需求，特别是在构建具有层级结构的数据展示时，如组织架构、地区选择或菜单导航。这个示例代码提供了一种方法来动态创建这样的无限下拉列表，通过递归地填充选项。...
分享114个JS菜单导航，总有一款适合您
zy0412326的专栏
02-11 1186
js
一个js实现目录的效果（下拉窗）
qq_41801219的博客
03-01 529
通过寻找父级节点 寻找兄弟节点 实现的简单目录效果 .parentNode 寻找父级 .children 寻找所以子级 .classList.toggle("show");//切换样式 .querySelectorAll//寻找该元素里所有的子元素 下面是js代码 var div1=document.querySelectorAll("#odiv .div1") for(let i...
js实现文章目录索引导航(table of content)
10-15
主要介绍了js实现文章目录索引导航(table of content),需要的朋友可以参考下
用js和DIV制作导航菜单及下拉菜单,很简单的代码
09-08
用js和DIV制作导航菜单及下拉菜单,很简单的代码
js下实现的五种导航下拉菜单
12-09
js实现的五种导航下拉菜单！很全面、很简介、适合初级设计师~
JavaScript生成文章目录导航
09-26
按标题层级生成文章目录导航。包括浮动目录导航窗口，文章顶部目录导航。
JavaScript 版文章自动创建目录导航菜单控件源代码，用来生成文章导航，可生成独立的侧边栏导航菜单
Python代码大全
12-14 826
可选，用来指定是否在文章标题位置生成锚点链接图标：true - 生成锚点链接图标，并给标题添加 ID 属性，false - 不生成锚点链接图标，仅给标题添加 ID 属性。可选，用来指定文章导读导航菜单的显示位置：outside - 生成侧边栏菜单，inside - 直接在文章正文区域的开始位置生成导航菜单。可选，用来指定是否文章导读导航菜单是否显示文章段落层次的索引编号：true - 显示编号，false - 不显示编号。可选，用来指定 article 节点下，要生成导航的标题标签的选择器。
纯js实现文章导航目录
weixin_45632692的博客
09-18 1481
我们经常看到一些内容较多的文章都有一个目录导航，点击导航会跳转到响应的位置，页面滚动时相应位置的导航也会呈现选中状态非常的方便，这里使用js做一个简单的实现 实现思路 为文章中的标题标签h1、h2添加不同的id（举例只取h1、h2其他同理） 正则获取文章内容中的h1、h2标签 使用将获取到的标签转换成li、a标签，id转换为href属性 将转换后的标签插入需要显示目录的位置 编写监测页面滚动监听...
目录下拉
ASP2014的专栏
02-13 474
许多网站为了你能进一步深入到该网站都有某种形式的超链接导航。很多时候在深入分析得出的方案就是网站的目录路径。如果这就是我们的网站构造方法，你可能会受益于本实施例中，可放置在任何的ASP文件。利用两个服务器变量（HTTP_HOST和SCRIPT_NAME）和分裂SCRIPT_NAME由“/”分隔符，你可以毫不费力地添加超链接到所有的主目录到你的网页。 TTASP.NET(Directory Dri
js点击某一导航栏项右侧出现下拉列表
05-25
可以通过给导航栏项添加点击事件，然后在事件处理函数中动态创建下拉列表元素并设置其样式和内容来实现。 示例代码： HTML： ```html 导航栏项1 导航栏项2 导航栏项3 ``` CSS： ```css .dropdown { ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值