Question

我想将按钮指向另一个页面

function showInput() {
    document.getElementById("demo").innerHTML = '<input type="submit" 
    onclick="location.href = "addnewcustomer.php";" id ="newcust" 
    class="btnRegister" value = "New Customer">';
}

我希望当我点击New Customer按钮时，它会重定向到addnewcustomer.php，但是当我运行代码时，没有任何反复发生。

没有错误。只是按钮没有按我想要的方式运行

Answer 1

你必须在元素中转义引号。请尝试以下代码

＆＃13;

function showInput() {
    document.getElementById("demo").innerHTML = '<input type="submit" onclick="location.href = \'addnewcustomer.php\';" id ="newcust" class="btnRegister" value = "New Customer">';
}

＆＃13;

<a onclick="showInput()" >Add New Buton</a>
<div id="demo"></div>

＆＃13;

Answer 2

您可以使用以下代码重定向页面。

＆＃13;

function showInput() {
    document.getElementById("demo").innerHTML = '<input type="submit" id ="newcust" class="btnRegister" value = "New Customer" />';
}

document.getElementById("newcust").onclick = function () {
    location.href = "addnewcustomer.php";
}

＆＃13;

<div id="demo"></div>
<a onclick="showInput()" >Click To Get Button</a>

＆＃13;

Answer 3

function showInput() {
    document.getElementById("demo").innerHTML = '<input type="submit" onclick="location.href = "yourpage.php";" id ="newcust" class="btnRegister" value = "New Customer">';
  }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a onclick="showInput()" >Click To Get Button</a>
<p id="demo"></p>

右键单击并检查按钮。

Answer 4

试试这个

＆＃13;

function showInput() {
 document.getElementById("demo").innerHTML = '<input type="submit" onclick="location.href = \'https://www.youtube.com/\';" class="btnRegister" value = "New Customer">';
}
showInput()

＆＃13;

<p id="demo">click</p>

＆＃13;

Answer 5

这是因为您没有关闭输入标记试试这个......

function showInput() {
document.getElementById("demo").innerHTML = '<input type="submit" 
 onclick="location.href =     "addnewcustomer.php";" id ="newcust" 
 class="btnRegister" value = "New Customer"/>';
}

如果您不关闭它，该按钮将无效。

Answer 6

尝试下面的代码，转义字符串中缺少内部html文本。调用window.onload来触发您的方法并显示您的按钮。 HTH。

<head>
<script type="text/javascript">
    function showInput() {
        document.getElementById("demo").innerHTML = '<input type="submit" onclick="location.href = \'addnewcustomer.php\';" id ="newcust" class="btnRegister" value = "New Customer">';
    }
    window.onload = showInput;
    </script>
</head>
<body>
<p id="demo"></p>
</body>

在javascript里面的onclick功能按钮

6 个答案: