Heim >Web-Frontend >HTML-Tutorial >一个很简单的HTML运行机制问题。_html/css_WEB-ITnose
html机制
看代码<html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <script type="text/javascript" src="script/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function () { $("#add").append("<input id='test' type='text' value=''/>"); }); function AddValue() { $("#test").val("测试值"); } </script></head><body> <form id="form1" runat="server"> <div id="add"> <input type="submit" value="测试" onclick="AddValue();"/> </div> </form></body></html>
因为你点击的按钮是 submit 提交按钮,就触发了form的提交,相当重新发送了个请求给本页面(刷新页面/post/get),你可以改成type="button", 在你的函数处理完之后,再来 触发submit()