You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何通过JavaScript实现Bootstrap按钮跳转至网站其他页面

跳转功能失效修复方案

你的代码存在3处核心语法/逻辑错误,按以下步骤修改即可实现点击跳转:

  • 修复JS函数定义与命名不匹配问题
    原JS代码存在三个问题:一是函数定义缺少参数括号,不符合JS语法规范;二是定义的函数名relocate和HTML里绑定的relocate_bitcoin名称不一致,点击时找不到对应执行函数;三是跳转路径写了不存在的CRYPTOAPP/前缀,同级目录文件直接写文件名即可。
    修正后的JS代码:
    function relocate_bitcoin() {
      location.href = "bitcoin.html";
    }
    

    路径提示:如果你的bitcoin.html存放在其他子文件夹,再补充对应的相对路径前缀,和当前页面同级的话直接写文件名即可,错误路径会触发404。
    注意:请把这段JS代码放在页面body闭合标签之前,确保点击按钮时函数已经完成定义,不会出现未定义报错。

  • 修复onclick事件绑定语法错误
    原按钮的onclick属性只写了函数名,没有加执行括号,点击时不会触发函数运行。
    修正后的按钮代码:
    <button type="button" class="btn btn-success" onclick="relocate_bitcoin()">Explore</button>
    
  • 补全HTML缺失的闭合标签
    你提供的HTML代码缺少.card、.container、body、html对应的闭合标签,DOM结构异常可能导致事件绑定失效,记得在对应位置补全</div>、</body>、</html>标签。

内容的提问来源于stack exchange,提问作者mustyg123

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.29 15:54:07