首页 > Web开发 > 详细

JS的基本使用

时间:2014-02-22 21:15:19      阅读:409      评论:0      收藏:0      [点我收藏+]

触发javascript

1、在button的click直接写JS或是调用JS方法

bubuko.com,布布扣
    <button type="button" onclick="alert(‘Welcome!‘)">点击这里</button>
bubuko.com,布布扣

2、调用方法

bubuko.com,布布扣
 <p id="demo">
JavaScript 能改变 HTML 元素的内容。
</p>
    <script>
function myFunction()
{
x=document.getElementById("demo");  // 找到元素
x.innerHTML="Hello JavaScript!";    // 改变内容
}
</script>
<button type="button" onclick="myFunction()">点击这里</button>
bubuko.com,布布扣

3 struts2下的表单使用js,onsumit和onclick都会触发

JS代码验证信息填写:

bubuko.com,布布扣
<script type="text/javascript">
      function checkInput(){
          var str1 = document.getElementById("login-username").value;
          var str2 = document.getElementById("login-email").value;
          var str3 = document.getElementById("login-confirm-password").value;
          var str4 = document.getElementById("login-password").value;
          
          if(str1==""||str2==""||str3==""||str4==""){
              alert("请将信息填写完整!");
              return false;
          }if(str3!=str4){
              alert("密码不一致!");
              return false;
          }else{
              return true;
          }
      }
  </script>
bubuko.com,布布扣

 

表单:onsubmit和onclick都可以用来触发js

bubuko.com,布布扣
<s:form action="" onsubmit="checkInput();">
<s:textfield name="u_name"  id="login-username" label="用户名:" ></s:textfield>
<s:password name="u_pwd" label="密码:"  id="login-password"></s:password>
<s:password name="" label="确认密码:" id="login-confirm-password" ></s:password>
<s:submit value="注册" onclick="checkInput();"></s:submit>
</s:form>
bubuko.com,布布扣

但这样不会根据js判断的结果为false就不提交表单,所以因改写成onclick="return checkInput();"

 

Done!

JS的基本使用

原文:http://www.cnblogs.com/xingyyy/p/3560669.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!