onclick 事件和click()的区别

最新推荐文章于 2022-07-22 16:03:30 发布

ke3863834

最新推荐文章于 2022-07-22 16:03:30 发布

阅读量2.1k

点赞数

分类专栏： JS+HTML 文章标签： javascript htlml5

本文链接：https://blog.csdn.net/ke3863834/article/details/74054350

版权

JS+HTML 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

 
 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 onclick="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 onload="clickButton()">

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

</body>
</html>

ke3863834

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
onclick 事件和click()的区别

onClick里面不需要写【javascript: 】只有a标签的href执行js才需要，onclick里面本身就是JavaScript代码了改为onClick="document.login_form.submit();"这句代码实际上是dom.onclick=function(){document.login_form.submit();}它自动给生成了一个function标签也可以提交表
复制链接

扫一扫