Javascript。。。简单的问题如何在提交后将表单保留在页面上_Javascript_Forms

Javascript。。。简单的问题如何在提交后将表单保留在页面上

javascript forms

Javascript。。。简单的问题如何在提交后将表单保留在页面上,javascript,forms,Javascript,Forms,请参阅以下示例代码，该代码需要一年和一个日期，并在提交时显示返回的数据 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="C

请参阅以下示例代码，该代码需要一年和一个日期，并在提交时显示返回的数据

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JavaScript</title>   
</head>
<body>
<FORM NAME="myform" ACTION="" METHOD="GET">
Enter the year to start from (eg: 2006): <BR>
<INPUT TYPE="text" NAME="year" VALUE=""><P>
Enter starting day (eg: 1= 1st Jan): <BR>
<INPUT TYPE="text" NAME="day" VALUE=""><P>
<INPUT TYPE="button" NAME="button" Value="Go!" onClick="testResults(this.form)">
</FORM>
<SCRIPT LANGUAGE="JavaScript">
function testResults (form) {

  var years = form.year.value;
  var days = form.day.value;



   for (var x = days; x <= 365; x++)
   {

        for (var y = years; y <= 2010; y++)

        {

        document.write('  ValueY='+y+'ValueX='+x+'  ')

        }
    document.write("<br />");


}

}

function to3P(n){
return (n/100).toFixed(2).replace(/\./, '');
};
</SCRIPT>
</body>
</html>


JavaScript
输入起始年份（例如：2006）：


输入开始日期（例如：1=1月1日）：


函数测试结果（表格）{
var年=form.year.value；
var天数=form.day.value；
对于（var x=days；x不要使用document.write-如果在页面加载后使用它，实际上就是在创建一个新文档。您可以使用javascript DOM函数，也可以只使用
<div id="results"></div>


<script> document.getElementById('results').innerHTML = "Your text here"; </script>


document.getElementById（'results'）.innerHTML=“此处的文本”；
不要使用document.write-如果在页面加载后使用它，实际上就是在创建一个新文档。您可以使用javascript DOM函数，也可以只使用
<div id="results"></div>


<script> document.getElementById('results').innerHTML = "Your text here"; </script>


document.getElementById（'results'）.innerHTML=“此处的文本”；
document.write（）
是罪魁祸首。通常情况下，您应该不惜一切代价避免使用DOM操作和AJAX技术。请参阅，尤其是，web上对这一主题有大量的报道。
document.write（）
是罪魁祸首。通常情况下，您应该不惜一切代价避免使用DOM操作和AJAX技术。请参阅，尤其是web上有大量关于此主题的报道。
尝试在div中而不是在文档中编写，表单仍然可见
<input TYPE="button" NAME="button" Value="Go!" onClick="testResults(this.form)">
<div id="myResult/>

尝试在div中而不是文档中写入，表单仍将可见
<input TYPE="button" NAME="button" Value="Go!" onClick="testResults(this.form)">
<div id="myResult/>

看起来你正在使用1995年的一个例子来编写你的HTML…你应该阅读一些更现代的HTML/javascript教程。只有一些好东西需要清理：
language=“javascript”属性已删除。您只需指定
更好
在元素中使用小写字母
声明（即：代替
）
对于每个您需要的元素
打开，你需要关闭。所以
每个
，您都需要一个。如果有
没有收尾标记
自动关闭，与

标记，您应该编写它：
，
就像你在过去一样
document.write代码。这使
您的代码与XHTML完全兼容
您已在doctype中指定
如前所述，没有理由将表单传递给javascript函数，只需通过innerHTML按id及其值访问元素即可
看起来你正在使用1995年的一个例子来编写你的HTML…你应该阅读一些更现代的HTML/javascript教程。只有一些好东西需要清理：
language=“javascript”属性已删除。您只需指定
更好
在元素中使用小写字母
声明（即：代替
）
对于每个您需要的元素
打开，你需要关闭。所以
每个
，您都需要一个。如果有
没有收尾标记
自动关闭，与

标记，您应该编写它：
，
就像你在过去一样
document.write代码。这使
您的代码与XHTML完全兼容
您已在doctype中指定
如前所述，没有理由将表单传递给javascript函数，只需通过innerHTML按id及其值访问元素即可
现在不需要喊元素名称：）离开…意味着它在点击按钮后留在页面上。如前所述，创建一个div，用于存储结果。然后每次要输出内容时只需附加到innerHTML。现在不需要喊元素名称：）离开…意味着它在点击按钮后留在页面上。如前所述，c创建一个用于存储结果的div。然后每次要输出内容时只需将其追加到innerHTML。可能需要将逗号更改为innerHTML！document.getElementById（'results'）之前的句号，innerHTML应为document.getElementById（'results'）。innerHTML（带句点）可能要将逗号更改为innerHTML！document.getElementById（'results'）之前的句号，innerHTML应为document.getElementById（'results'）。innerHTML（带句点）