Javascript 使用jQuery，我想打印一个提供的数字表，但输出只是闪烁，变成空白_Javascript_Php_Jquery_Html

Javascript 使用jQuery，我想打印一个提供的数字表，但输出只是闪烁，变成空白

javascript php jquery html

Javascript 使用jQuery，我想打印一个提供的数字表，但输出只是闪烁，变成空白,javascript,php,jquery,html,Javascript,Php,Jquery,Html,我刚刚使用jQuery。在我的第一个jQuery程序中，我想打印一个包含给定数字的表，它的答案是正确的。但我面临的问题是，输出只是闪烁并变为空白。如果我使用警报功能，输出将一直保持到我单击“确定” 这是我的密码 <html> <head> <title>Get Table</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"

我刚刚使用jQuery。在我的第一个jQuery程序中，我想打印一个包含给定数字的表，它的答案是正确的。但我面临的问题是，输出只是闪烁并变为空白。如果我使用警报功能，输出将一直保持到我单击“确定”

这是我的密码

<html>
<head>
<title>Get Table</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script type="text/javascript">
$(document).ready(function funtable_js(){
    $("button").click(function funtable_js(){
        var numm=$("#num").val();
    if(numm!=0)
    {
        for($i=1;$i<=10;$i++)
            {
            var tbl=numm*$i;
            var ttbl=$("#out").append("<tr><td>"+tbl+"</td></tr></br>");
            }
            alert("Hello World");
    }
    else
        {
    alert("Wrong Input. Try Again With Valid Number");
        }
    });
});
</script>
</head>
<body>

<form name="table" method="">
<tr><td><input type="text" name="num" id="num"/><button onClick="funtable_js()"> Get Table </button></td></tr>
<table id="out">

</table>
</form>
</body>
</html>


拿桌子
$（文档）.ready（函数funtable_js（）{
$（“按钮”）。单击（funtable_js（）函数）{
var numm=$（“#num”）.val（）；
如果（numm！=0）
{
对于（$i=1；$i而言，这是因为按钮位于表单中，当单击按钮时，表单将被提交，从而刷新表单
您可以阻止单击处理程序中单击事件的默认操作来解决此问题
<button>Get Table</button>

演示：
您需要使用
而不是
标记，否则每次单击按钮时，表单都会提交到服务器
试试这个：

拿桌子
$（文档）.ready（函数（）{
$（“#btnsupmit”）。单击（函数（）{
var numm=$（“#num”）.val（）；
如果（numm！=0）
{
对于（$i=1；$iHi），您没有在表单上使用任何提交方法，因为处理按钮操作的是Javascript
。因此只需删除代码中的这两行：
<form name="table" method="">
</form>



并从以下位置编辑此行：
<tr><td><input type="text" name="num" id="num"/><button onClick="funtable_js()"> Get Table </button></td></tr>

Get表

致：
Get表

现在试试你的代码。它现在应该可以工作了。祝你好运。
它与jQuery无关，因为你的HTML不完整。应该将按钮更改为：
<button type="button"> Get Table </button>

Get表

无需添加onclick事件，因为您已将其添加到document ready事件中
按钮的默认行为是“提交”，因此您的页面在构建完表后很快就会刷新
只需删除表单标签。您的问题将在那时得到解决
<html>
<head>
<title>Get Table</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script type="text/javascript">
$(document).ready(function funtable_js(){
    $("button").click(function funtable_js(){
        var numm=$("#num").val();
    if(numm!=0)
    {
        for($i=1;$i<=10;$i++)
            {
            var tbl=numm*$i;
            var ttbl=$("#out").append("<tr><td>"+tbl+"</td></tr></br>");
            }
            alert("Hello World");
    }
    else
        {
    alert("Wrong Input. Try Again With Valid Number");
        }
    });
});
</script>
</head>
<body>

<tr><td><input type="text" name="num" id="num"/><button onClick="funtable_js()"> Get Table </button></td></tr>
<table id="out">

</table>
</body>
</html>


拿桌子
$（文档）.ready（函数funtable_js（）{
$（“按钮”）。单击（funtable_js（）函数）{
var numm=$（“#num”）.val（）；
如果（numm！=0）
{
对于（$i=1；$i），您有一个结束脚本标记：
<tr><td><input type="text" name="num" id="num"/><button onClick="funtable_js()"> Get Table </button></td></tr>

<table><tr><td><input type="text" name="num" id="num"/><button onClick="funtable_js()"> Get Table </button></td></tr></table>

<button type="button"> Get Table </button>

<html>
<head>
<title>Get Table</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script type="text/javascript">
$(document).ready(function funtable_js(){
    $("button").click(function funtable_js(){
        var numm=$("#num").val();
    if(numm!=0)
    {
        for($i=1;$i<=10;$i++)
            {
            var tbl=numm*$i;
            var ttbl=$("#out").append("<tr><td>"+tbl+"</td></tr></br>");
            }
            alert("Hello World");
    }
    else
        {
    alert("Wrong Input. Try Again With Valid Number");
        }
    });
});
</script>
</head>
<body>

<tr><td><input type="text" name="num" id="num"/><button onClick="funtable_js()"> Get Table </button></td></tr>
<table id="out">

</table>
</body>
</html>