首页 前端知识 html在下拉跳转框实现页面跳转/button点击实现页面跳转

html在下拉跳转框实现页面跳转/button点击实现页面跳转

2024-06-21 00:06:59 前端知识 前端哥 232 762 我要收藏

1.下拉框跳转

可以考虑运用窗口定义需要打开的页面

<select onchange="window.open(this.value)">
        <option value = "index.html">--国籍--</option>
    <option value="" >-中国-</option>
    <option value="">-美国-</option>
    <option value=""selected ="selected">-日本-</option>
   </select>
   

这里我定义了国籍可以跳转到新的网页界面,实际情况可以更改

2.button点击跳转

定义一个js脚本

<script>
function redirectToPage() {
    window.location.href = '查询单词.html'; // 将链接替换为您要跳转的页面链接
  }
</script>

body 区

<button onclick="redirectToPage()">查询单词</button>

转载请注明出处或者链接地址:https://www.qianduange.cn//article/13026.html
标签
评论
发布的文章

vue3生成聊天对话框功能

2024-07-10 18:07:36

json基本格式

2024-07-08 09:07:01

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!