首页 / JAVASCRIPT / JavaScript无法重定向页面

JavaScript无法重定向页面

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript无法重定向页面，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1118字，纯文字阅读大概需要2分钟。

内容图文

我有以下html代码：

<html>
    <head>
        <script type="text/javascript" src="buttonClicked.js"></script>
    </head>
    <body>
        <form id="confirmChangeId" name="selectionForm" method="POST">
            <input id="btnChange" type="submit" value="Change">
        </form>
    </body>
</html>

使用以下javascript：

window.onload = function() {
    initFunc();
}

var initFunc = function() {
    var change = document.getElementById("btnChange");
    change.onclick=function() {
        window.location.href='https://stackoverflow.com';
        //alert("change button clicked"); // If this line is uncommented, then the page re-direction does occur
    }
}

使用Firefox,当在JS文件中取消注释警报时,便会发生重定向.为了在工作中投入更多的扳手,使用Chrome或Opera时不会发生任何重定向.我显然在这里缺少一些小东西,但是找不到它.有什么建议吗？

解决方法:

如果要使重定向可靠地起作用,则必须添加return false；否则,返回false.在onlick函数的末尾.

注意：您实际上应该将事件侦听器附加到对象,而不是使用过时的onclick属性.

var change = document.getElementById("btnChange");
change.addEventListener('click', function(event) {
    event.preventDefault(); // stops the click from completing
    window.location.href='https://stackoverflow.com';
}, false);

内容总结

以上是互联网集市为您收集整理的JavaScript无法重定向页面全部内容，希望文章能够帮你解决JavaScript无法重定向页面所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/678443.html

来源：【匿名】