如何通过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
相关产品推荐
相关产品推荐

