扫一扫,加我们为好友有惊喜哦~
-->

核心课程
开班动态
专题服务

您当前所在位置:首页 > 中心动态 >>
JavaScript特效、验证入门——常州电脑培训

1、onfocus、onblur
onfocus:得到焦点触发
onblur:失去焦点触发
    留言:<input type="text" name="message" value="请留言..." onfocus="this.value=''">
    <br />
  密码:<input type="password" name="pwd" onblur="alert(this.value)">

2、onchange:当改变时
  请选择背景颜色:<br />
  <select name="bg" onchange="document.bgColor=this.value">
    <option value="#FFFFFF">-请选择颜色-</option>
    <option value="#F8D060">大漠黄色</option>
    <option value="#CE2300">落日红色</option>
    <option value="#074389">天空蓝色</option>
  </select>

document:文档对象,代表整个网页!

<a href="#" onmouseover="this.style.color='red'" onmouseout="this.style.color='#0066CC'">百度一下</a>

请选择您喜欢的背景:<input type="button" value="黄色" onclick="document.bgColor='#F8D060'">
                   <input type="button" value="红色" onclick="document.bgColor='#CE2300'">
                   <input type="button" value="蓝色" onclick="document.bgColor='#074389'">

通过单选框改变背景颜色:

3、采用按钮跳转
 a.html->b.html
 <input type="button" value="跳转" onclick="location.href='b.html'">
 <input type="button" value="跳转2" onclick="location.replace('b.html')">
 location.href:可以后退的跳转方式
 location.replace(''):不可以后退的跳转方式

 返回上一个页面:
<input type="button" value="后退" onclick="history.go(-1)">

4、获取网页中的元素
A、给网页中元素起id
B、document.getElementById("")

5、向网页中写文字
<span id="msg"></span>

<script type="text/javascript">
  document.getElementById("msg").innerHTML = "要显示的内容";
</script>

6、例子:
<form action="#">
  用户名:<input type="text" name="username" onblur="check()" id="uname"><span id="usermsg" style="color:red"></span> <br />
 密码:<input type="password" name="pwd"> <br />
 <input type="submit" value="提交">
 <input type="reset" value="重置">
 </form>
 

    <script type="text/javascript">
      //判断用户名长度是否在6~12位之间
      function check(){
        var username = document.getElementById("uname");//获取输入框
        //如果输入框的内容不满足6~12位之间,选中输入框,红色文字提示,否则,取消提示
        if(username.value.length < 6 || username.value.length > 12){
           //alert("用户名长度需要在6~12之间!");
           document.getElementById("usermsg").innerHTML = "用户名长度需在6~12之间";
           username.select(); //选中输入框
        }else{
           document.getElementById("usermsg").innerHTML = "";
        }
      }
    </script>

更多精彩请关注:常州电脑培训


精彩文章推荐
JavaScript特效、验证入门——常州电脑培训[2012-7-3]
成绩管理系统项目需求[2012-6-30]
OA系统的设计——东方博宜软件开发课程[2012-6-30]
Android开发之Service实例——常州电脑培训[2012-6-29]
矩阵判断——常州电脑培训[2012-6-20]
常州软件培训——抽象类和接口[2012-6-14]
常见的排序算法[2012-6-12]
【常州电脑培训】如何定义数组?[2012-6-7]


返回顶部