onclick 事件 和click()的区别

  • onClick里面不需要写【javascript: 】只有a标签的href执行js才需要,onclick里面本身就是JavaScript代码了

改为
onClick="document.login_form.submit();"

这句代码实际上是
dom.οnclick=function(){document.login_form.submit();}
它自动给生成了一个function
  • <a>标签也可以提交表单,方式为:<a href="javascript:document:form1.submit();">//form1为form表单的id
<!-----------------------------------------分割线------------------------------------>
onclick 是按钮被点击之后才发生的,而click是模拟一次鼠标点击
举例:
<html>
<body>

Field1: <input type="text" id="field1" value="Hello World!">
<br />
Field2: <input type="text" id="field2">
<br /><br />
点击下面的按钮,把 Field1 的内容拷贝到 Field2 中:
<br />
<button οnclick="document.getElementById('field2').value=
document.getElementById('field1').value">Copy Text</button>

</body>
</html>
<html>
<head>
<script type="text/javascript">
function clickButton()
  {
  document.getElementById('button1').click()//当加载网页时,模拟鼠标点击一次
  }
function alertMsg()
  {
  alert("Button 1 was clicked!")
  }
</script>
</head>
<body οnlοad="clickButton()">

<form>
<input type="button" id="button1" οnclick="alertMsg()"
value="Button 1" />
</form>

</body>
</html>

发布了14 篇原创文章 · 获赞 1 · 访问量 5万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览