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

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

您当前所在位置:首页 > 中心动态 >>
javascript中常见的事件

1、javascript:脚本语言
网页:html(结构)、div+css(样式)、javascript(动作)

2、javascript写在html或者jsp页面中!
javascript和java没有关系!
javascript属于弱类型语言!

3、javascript位置:可以在页面的任何一个地方
   你好!<br>
    <script type="text/javascript">
       var x = "你好啊";
       var y = 12;
       var z = true;
       alert(x);//弹出对话框
       alert(y);
       alert(z);
    </script>
    吃了吗?<br>

4、javascript中的循环和判断
    <script type="text/javascript">
       for(var i = 10;i >= 1;i--){
          if(i % 2 != 0){
            alert("你还需要点" + i + "次,坚持一下!O(∩_∩)O~");
          }
       }
    </script>

5、javascript执行的时机:
A、如果直接写在标记中,页面刷新就执行
B、如果封装成函数(方法),则调用才执行,基于事件触发执行

6、常见对话框有哪些?
alert():警告对话框
confirm():确认对话框
prompt():接收用户输入的询问对话框

7、将javascript封装成方法
function 方法名(){

}

例子1:
    <script type="text/javascript">
     //确认方法
     function queren(){
       var f = confirm("确认删除?");
       if(f){
         alert("删除成功");
       }else{
         alert("删除取消");
       }
     }
    
     //调用方法
     queren();
    </script>

例子二:利用事件调用javascript
    <script type="text/javascript">
     //确认方法
     function queren(){
       var f = confirm("确认删除?");
       if(f){
         alert("删除成功");
       }else{
         alert("删除取消");
       }
     }
    
     //关闭页面
     function guanbi(){
       var f = confirm("确认退出吗?");
       //如果用户点击的是确认
       if(f){
         window.close();//关闭窗口
       }
     }
    </script>

    <!-- 利用按钮调用javascript -->
    <input type="button" value="删除" onclick="queren()">
    <br>
    <!-- 利用超链接调用javascript -->
    <a href="javascript:guanbi()">退出</a>

8、javascript常见的事件
A、onlcick、ondblclick、onmouseover、onmouseout、onmousedown、onmouseup
       单击、双击事件<input type="button" value="单击试试" onclick="this.value='双击哈哈'" ondblclick="this.value='还是单击吧'">
   <br>
        移入、移出事件<input type="button" value="鼠标放上来啊" style="color:blue" onmouseover="this.style.color='red'" onmouseout="this.style.color='blue'" 
   onmousedown="this.style.width='200px';this.style.height='80px'" onmouseup="this.style.width='100px';this.style.height='26px'">

B、onfocus、onblur、onselect、onchange
       得到焦点、失去焦点:<input type="text" value="说点什么吧..." onfocus="this.value=''" onblur="alert('您刚才输入了:' + this.value)">
   <br>
       选择事件:<input type="text" value="版权:东方博宜" onselect="alert('版权所有,请勿拷贝')">
   <br>
   改变事件:<select onchange="document.bgColor=this.value">
             <option value="#FFFFFF">-请选择背景颜色-</option>
             <option value="#0162FA">蔚蓝天空</option>
             <option value="#FCD20A">大漠沙黄</option>
             <option value="#E13C02">落日鲜红</option>
          </select>


精彩文章推荐
销售管理系统项目需求![2012-10-16]
常州平面设计培训——学员设计案例[2012-9-9]
Ajax详解——常州电脑培训[2012-7-6]
物流系统的实现——Java软件开发[2012-6-30]
常州室内设计培训—迅速提升自己设计水平的方法?[2012-6-18]
保护个人电脑的十个常识[2012-4-11]
关于域名的选择问题,包括域名长度、取名技巧、后缀含义等[2012-3-13]
常州软件培训——数据库系统管理[2011-12-31]


返回顶部