时间戳

首页 > 解决方案 > 单击表单内的按钮后页面未在 javascript 中重定向

javascript - 单击表单内的按钮后页面未在 javascript 中重定向

问题描述

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    <form>
    <button onclick="demo()" name="btn">click here</button>
    </form>
    <script type="text/javascript">
        function demo()
        {
            location.href="http://www.google.com";
        }
    </script>
</body>
</html>

如果按钮放置时没有表单标签，则它可以正常工作。如果它被放置在标签内，点击它时它不会被重定向。

标签： javascripthtml

解决方案

始终指定<button>元素的类型属性。<button>不同的浏览器对元素使用不同的默认类型。

如果您<button>在 HTML 表单中使用该元素，不同的浏览器可能会提交不同的值。用于<input>在 HTML 表单中创建按钮。

<form>
  <button type="button" onclick="demo()" name="btn">Click Here</button>
  <!-- or you can use input element -->
  <input type="button" onclick="demo()" value="Click Here" />
</form>

<script>
function demo() {
  window.location.href = "http://www.google.com"
}
</script>

推荐阅读