刚接触js,自己瞎写了个页面,想要实现从文本输入框中提取内容,然后显示出来。但调试不出来,请高手指点:<html>
<head>
<title>js学习实例</title>
<script type="text/javascript">
function show()
{
var result=myform.gettext.value ;
if(result!=null)
document.write("您输入的是:"+result) ;
}
</script>
</head>
<body onload="show()">
<form action="" method="post" name="myform">
<input type="text" value="" name=”gettext">
<input type="submit" value="提交" onsubmit="show()">
</form>
</body>
</html>
<head>
<title>js学习实例</title>
<script type="text/javascript">
function show()
{
var result=myform.gettext.value ;
if(result!=null)
document.write("您输入的是:"+result) ;
}
</script>
</head>
<body onload="show()">
<form action="" method="post" name="myform">
<input type="text" value="" name=”gettext">
<input type="submit" value="提交" onsubmit="show()">
</form>
</body>
</html>
<html>
<head>
<title>js学习实例</title>
<script type="text/javascript">
function show()
{
var result=document.getElementById('gettext').value;
if(result!=null)
alert(result);
}
</script>
</head>
<body>
<form action="" method="post" name="myform">
<input type="text" value="" id="gettext" name="gettext">
<input type="button" value="提交" onclick="show()">
</form>
</body>
</html>
<html>
<head>
<title>js学习实例</title>
<script type="text/javascript">
function show() {
var result = document.getElementById("gettext").value;
if (result != null)
alert("您输入的是:" + result);
}
</script>
</head>
<body>
<form action="" method="post" name="myform">
<input type="text" value="" id="gettext">
<input type="button" value="提交" onclick="show()">
</form>
</body>
</html>
<head>
<title>js学习实例</title>
<script type="text/javascript">
function show()
{
// 根据”表单.name名字.value“,没有这种写法,你可以使用document.getElementById()或者document.getElementsByTagName()
var result=myform.gettext.value ;
if(result!=null)
// 浏览器弹出消息框的方法是alert
document.write("您输入的是:"+result) ;
}
</script>
</head>
<!-- onload是页面加载的时候调用的方法,页面加载的时候,文本框内容必然为空,这里调用它,没意义 -->
<body onload="show()">
<form action="" method="post" name="myform">
<!-- 不知道你注意到没,name=后面的第一个双引号是全角的”,它是不能识别的 -->
<input type="text" value="" name=”gettext">
<!-- 如果你把按钮类型定义为submit,它会提交整个页面的表单,目标页面则是form表单定义的action,如果你只是想输出一个东西的话,可以将按钮设置为button,并且定义它的onclick事件 -->
<input type="submit" value="提交" onsubmit="show()">
</form>
</body>
</html>
1.在head里面document.write只能用查看源代码才看得到结果
2.name=”gettext" 这里有个全角的双引号,呵呵,留心点
3.这段代码result得不到结果,因为gettext的value预设为空,在onload事件的过程中这个value都没有改变,onsubmit事件看下面
4.onsubmit="show()"应该写在form标签内,事件要与对象对应,submit按钮没有submit事件,所以onsubmit不起作用
5.myform.gettext.value的写法规范点好,养成习惯,要么用DOM,要么用BOM,例如
document.all.myform.gettext.value
document.getElementsByName("gettext")[0].value……
<form action="" method="post" name="myform">
括号里的这些关键字干什么用啊。action没有值啊也要写吗直接<form>别的都没有也运行的了困惑~