Javascript Java脚本在完成执行后不希望重新加载页面_Javascript_Html

Javascript Java脚本在完成执行后不希望重新加载页面

javascript html

Javascript Java脚本在完成执行后不希望重新加载页面,javascript,html,Javascript,Html,我正在进行客户端渲染。我有一个输入标签，我把一个数字，然后点击按钮。只要点击按钮，我的页面就会添加更多的输入标签。但问题是，它会添加给定数量的输入，并无缘无故地重置页面请给我解释一下为什么要重置页面 <HTML> <script src="js/main.js"></script> //for converting document.getelementbyid() to _() <body> <div id="form_place

我正在进行客户端渲染。我有一个输入标签，我把一个数字，然后点击按钮。只要点击按钮，我的页面就会添加更多的输入标签。但问题是，它会添加给定数量的输入，并无缘无故地重置页面

请给我解释一下为什么要重置页面

<HTML>
<script src="js/main.js"></script>
//for converting document.getelementbyid() to _()
<body>
    <div id="form_place">
    <form>
        <input name="nos" id='nos' type="text">
        <button onclick="addnos()">Enter</button>
    </form>
    </div>
</body>
<SCRIPT>
function addnos(){

    var nos =  _('nos').value;
    for (i=0;i < nos;i++){

    manddy = document.createElement('INPUT');
    manddy.setAttribute("id", 'name'+i+1);
    _('form_place').appendChild(manddy);

    }                           
}    
    </SCRIPT>

</HTML>


//用于将document.getelementbyid（）转换为
进入
函数addnos（）{
var nos=(（'nos'）。值；
对于（i=0；i


1.onclick事件的行为类似于ah表单提交
2.没有return语句。因此页面被重新加载
3.如果您在表单form action=“some.php”
的操作中应用，则页面会像http://firsthtml/some.php

四,
5.所以使用return-false语句进行应用。这将阻止页面静止。并将单击功能应用到表单提交中，请参见下面的代码

//用于将document.getelementbyid（）转换为
进入
函数addnos（）{
var nos=(（'nos'）。值；
对于（i=0；i

1.onclick事件的行为类似于ah表单提交
2.没有return语句。因此页面被重新加载
3.如果您在表单form action=“some.php”
的操作中应用，则页面会像http://firsthtml/some.php

四,
5.所以使用return-false语句进行应用。这将阻止页面静止。并将单击功能应用到表单提交中，请参见下面的代码

//用于将document.getelementbyid（）转换为
进入
函数addnos（）{
var nos=(（'nos'）。值；
对于（i=0；i
不要忘记表单中按钮的默认行为是提交。这将触发重新加载。将代码更改为：
<HTML>
<script src="js/main.js"></script>
//for converting document.getelementbyid() to _()
<body>
    <div id="form_place">
    <form>
        <input name="nos" id='nos' type="text">
        <button type="button" onclick="addnos()">Enter</button>
    </form>
    </div>
</body>
<SCRIPT>
function addnos(){

    var nos =  _('nos').value;
    for (i=0;i < nos;i++){

    manddy = document.createElement('INPUT');
    manddy.setAttribute("id", 'name'+i+1);
    _('form_place').appendChild(manddy);

    }                           
}    
    </SCRIPT>

</HTML>


//用于将document.getelementbyid（）转换为
进入
函数addnos（）{
var nos=(（'nos'）。值；
对于（i=0；i
不要忘记表单中按钮的默认行为是提交。这将触发重新加载。将代码更改为：
<HTML>
<script src="js/main.js"></script>
//for converting document.getelementbyid() to _()
<body>
    <div id="form_place">
    <form>
        <input name="nos" id='nos' type="text">
        <button type="button" onclick="addnos()">Enter</button>
    </form>
    </div>
</body>
<SCRIPT>
function addnos(){

    var nos =  _('nos').value;
    for (i=0;i < nos;i++){

    manddy = document.createElement('INPUT');
    manddy.setAttribute("id", 'name'+i+1);
    _('form_place').appendChild(manddy);

    }                           
}    
    </SCRIPT>

</HTML>


//用于将document.getelementbyid（）转换为
进入
函数addnos（）{
var nos=(（'nos'）。值；
对于（i=0；i

//用于将document.getelementbyid（）转换为
进入
函数addnos（）{
var nos=(（'nos'）。值；
对于（i=0；i

像这样更改代码。这将阻止默认行为，因为在HTML中调用return someFunc（）so将返回函数返回的任何内容。函数返回一个false！因此，最后，它会将false返回给onclick方法，并在执行代码时阻止默认行为
希望有帮助：）

//用于将document.getelementbyid（）转换为
进入
函数addnos（）{
var nos=(（'nos'）。值；
对于（i=0；i

像这样更改代码。这将阻止默认行为，因为在HTML中调用return someFunc（）so将返回函数返回的任何内容。函数返回一个false！因此，最后，它会将false返回给onclick方法，并在执行代码时阻止默认行为
希望有帮助：）您将控件放在用于在页面上发布的表单元素中。您将控件放在用于在页面上发布的表单元素中。实际上，您的方法是正确的，但我发现，如果我们没有为按钮指定type='button'，它就像表单提交按钮一样。感谢您提供的帮助实际上您的方法是正确的，但是我发现如果我们没有为按钮指定type='button'，它就像表单提交按钮一样。感谢您提供的帮助实际上您的方法是正确的，但是我发现如果我们没有为按钮指定type='button'，它就像表单提交按钮一样。感谢您提供的帮助实际上您的方法是正确的，但是我发现如果我们没有为按钮指定type='button'，它就像表单提交按钮一样。谢谢你提供的帮助
    <HTML>
<script src="js/main.js"></script>
//for converting document.getelementbyid() to _()
<body>
    <div id="form_place">
    <form>
        <input name="nos" id='nos' type="text">
        <button onclick="return addnos()">Enter</button>
    </form>
    </div>
</body>
<SCRIPT>
function addnos(){

    var nos =  _('nos').value;
    for (i=0;i < nos;i++){

    manddy = document.createElement('INPUT');
    manddy.setAttribute("id", 'name'+i+1);
    _('form_place').appendChild(manddy);

    }

    return false;
 }    
    </SCRIPT>

</HTML>