首页 前端知识 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
标签
评论
发布的文章

读魏书生的心得体会

2024-07-03 14:07:10

jQuery 选择器

2024-05-12 00:05:34

Vue中public/assets目录区别

2024-07-02 23:07:29

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