JS事件常用事件

oncontextmenu对象右击

JS事件常用事件

JS事件常用事件

举例1:

<form id="form1" name="form1" method="post" action="">

   <label>姓名:<input type="text" name="textfield"></label><br/>
<label>密码:<input type="text" name="textfield2" id="password"></label><br/> <!-- onclick="javascript:alert('姓名:'+form1.textfield.value+'\n'+'密码:'+form1.password.value)" -->
<input type="submit" name="Submit" value="查看密码和姓名" onclick= "submitClick()"> </form>
 onclick="javascript:alert('姓名:'+form1.textfield.value+'\n'+'密码:'+form1.password.value)"  等价于 下面的代码
<script type="text/javascript">
function submitClick(){
var from1 = document.getElementById("form1");
var textfield = form1.textfield;
var textfield2 = form1.textfield2;
alert('姓名:'+textfield.value+'\n'+'密码:'+password.value);
}
</script>

等价于:  form1.elements['textfield2']如果name=textfield2的控件只有一个,返回的是控件,不是数组,如果有多个,则返回的是数组form1.elements['textfield2'][0]

function submitClick1(){
var from1 = document.getElementById("form1");
var textfield = form1.elements['textfield'];
var textfield2 = form1.elements['textfield2'];
alert('姓名:'+textfield.value+'\n'+'密码:'+textfield2.value); }
上一篇:玩转Docker之常用命令篇(三)


下一篇:Linux基础之常用命令篇