Zero.Galaxy 2021-12-03 13:15 采纳率: 57.1%
浏览 361
已结题

在HTML5中实现搜索跳转到新网页的方法

想实现类似于淘宝搜索跳转到相对应的网页,通过获取input输入框中的内容后,在js方法中进行匹配后通过链接,跳转到新网页。具体实现代码实在写不出来,想寻求帮助。

  • 写回答

4条回答 默认 最新

  • CSDN专家-showbo 2021-12-03 14:00
    关注

    不明白js方法中进行匹配后通过链接是什么操作?
    下面这样?通过输入关键字得到对应URL后打开?

    <input type="text" id="t" /><input type="button" value="搜索" onclick="search()" />
    <script>
        function search() {
            var t = document.querySelector('#t'),
                url = 'https://ask.csdn.net/'//默认跳转到问答
                ;
            switch (t.value) {
                case '网易': url = 'https://www.163.com'; break;
                case '百度': url = 'https://www.baidu.com'; break;
                //更多。。。
            }
            window.open(url)
        }
    </script>
    
    

    有帮助请【采纳该答案】,谢谢~~有其他问题可以继续交流~

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题?

问题事件

  • 系统已结题 12月14日
  • 已采纳回答 12月6日
  • 创建了问题 12月3日

悬赏问题

  • ¥15 PADS Logic 原理图
  • ¥15 PADS Logic 图标
  • ¥15 电脑和power bi环境都是英文如何将日期层次结构转换成英文
  • ¥20 气象站点数据求取中~
  • ¥15 如何获取APP内弹出的网址链接
  • ¥15 wifi 图标不见了 不知道怎么办 上不了网 变成小地球了