javascript中的onclick功能按钮答案

【问题标题】：Onclick function button inside a javascriptjavascript中的onclick功能按钮
【发布时间】：2017-12-08 15:05:07
【问题描述】：

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

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 但是当我运行代码时，什么都没有发生。

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

【问题讨论】：

标签： java php html

【解决方案1】：

你必须在元素中转义引号。试试下面的代码

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

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

【讨论】：

【解决方案2】：

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

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";
}

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

【讨论】：

【解决方案3】：

试试这个

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

&lt;p id="demo"&gt;click&lt;/p&gt;

【讨论】：

【解决方案4】：

这是因为你没有关闭你的输入标签试试这个...

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

如果你不关闭它，按钮将不起作用。

【讨论】：

【解决方案5】：

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>

右键单击并检查按钮。

【讨论】：

我没明白空格没关系

【解决方案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>

【讨论】：