Html文件的代码
<html xmlns=http://www.w3.org/1999/xhtml>
<head>
<meta http-equiv=Content-Type content=text/html; charset=utf-8 />
<title></title>
<!--
JAVASCRIPT编写需要使用网页的<script>元素,如下所示.
<script>元素的language属性用于设置script是用什么语言实现的. 如使用外部JAVASCRIPT还需要设置src属性.
-->
<script language=javascript src=test.js>
</script>
</head>
<body>
<div id=tardiv>
</div>
<form>
<input id=txtNumber type=text value=1 size=5 />
<input id=btnNumber name=Submit type=button value=submit onclick=showmessage(txtNumber.value,'tardiv')>
</form>
</body>
</html>
<head>
<meta http-equiv=Content-Type content=text/html; charset=utf-8 />
<title></title>
<!--
JAVASCRIPT编写需要使用网页的<script>元素,如下所示.
<script>元素的language属性用于设置script是用什么语言实现的. 如使用外部JAVASCRIPT还需要设置src属性.
-->
<script language=javascript src=test.js>
</script>
</head>
<body>
<div id=tardiv>
</div>
<form>
<input id=txtNumber type=text value=1 size=5 />
<input id=btnNumber name=Submit type=button value=submit onclick=showmessage(txtNumber.value,'tardiv')>
</form>
</body>
</html>
test.js的代码:
// JavaScript Document
//
//用JAVASCRIPT动态生成 文本输入框 到页面中,
//amount参数是表示生成文本输入框的个数,target参数是 将要显示生成的文本输入框的控件ID名
function showmessage(amount,target)
{
var strContent;
//用循环动态生成文本输入框并保存到strContent中.
for (i=0; i<amount; i++)
{
strContent += '<input id=txt' + i +' type=text value=' + i + ' size=5 /> <br />';
}
//用JAVASCRIPT的document对象的getElementById()方法中的innerHTML属性定义 target控件内容.
document.getElementById(target).innerHTML = strContent;
}
//
//用JAVASCRIPT动态生成 文本输入框 到页面中,
//amount参数是表示生成文本输入框的个数,target参数是 将要显示生成的文本输入框的控件ID名
function showmessage(amount,target)
{
var strContent;
//用循环动态生成文本输入框并保存到strContent中.
for (i=0; i<amount; i++)
{
strContent += '<input id=txt' + i +' type=text value=' + i + ' size=5 /> <br />';
}
//用JAVASCRIPT的document对象的getElementById()方法中的innerHTML属性定义 target控件内容.
document.getElementById(target).innerHTML = strContent;
}