javascript将文本拆分为单词列表，然后动态添加到div中，表单标记将其搞乱

我在asp.NETWebForm中测试了这段代码，因为我希望在javascript中将文本拆分为列表或单词，并将每个文本添加到自己的div中

然而，在asp.net Web表单中，仅示例代码就产生了奇怪的行为，结果会出现或消失。只需将表单标记添加到在线示例中，即可复制该行为

<form id="form1" runat="server">

</form>

在javascript中是否有解决方法或替代方法

---

谢谢

您正在经历的行为正在发生，因为该按钮正在触发对服务器的回发。这实质上是重新加载页面，这就是为什么它看起来好像文本正在出现，然后立即消失

您可以通过添加一个

return false来修复此问题在
onclick=“myfunction（）”
之后，如下所示：

<form id="form1" runat="server">
    <p>Click the button to display the array values after the split.</p>

    <button onclick="myFunction();return false;">Try it</button>

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

    <script>
        function myFunction() {
            var str = "How are you doing today?";
            var res = str.split(" ");
            document.getElementById("demo").innerHTML = res;
        }
    </script>
</form>


单击按钮以显示拆分后的数组值

试试看

函数myFunction（）{
var str=“你今天过得怎么样？”；
var res=str.split（“”）；
document.getElementById（“demo”）.innerHTML=res；
}

但是，我不建议使用
onclick
属性来调用JavaScript函数，因为有更好的方法可以做到这一点。在您的示例中，我提供了问题的最简单解决方案，但我想让您知道有更好的方法来处理此问题。
作为Howard Renollet对表单行为解释的扩展：

元素具有不同的
类型

在表单中时，
submit
和
reset
类型实际上会对表单执行操作！要将按钮放入表单而不提交表单，请将类型设置为
按钮
：

<form>
  <button type="button">Yay, I won't submit this form!</button>
</form>


耶，我不会提交这份表格的！
“希望在javascript中将文本拆分为一个列表或多个单词，并将每个单词添加到自己的div”可以包括“文本”、“列表或单词”吗？