码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript常用标签和方法小总结

时间:2015-09-01 01:42:40      阅读:369      评论:0      收藏:0      [点我收藏+]

标签:


//事件(事件监听) :

    //标签对象.事件监听.function(){执行的代码,找对象,找属性,改属性};
    事件源.触发一个事件.调用一个方法.方法找执行代码找对象,找属性,改属性(或者用属性,增删改查)
           onmouseover 鼠标移到某个元素之上
           onmouseout  鼠标移开某个元素
           onkeydown   键盘按下去(就是一直按着)
           onkeypress  键盘按下去再松开(就是点击 按下去再松开)
           oonkeyup    键盘松开(就是松开的时候)
           onclick     鼠标按下去再起来(点击)
           onmousedown 鼠标按钮按下(按着不动)
           onmousemove 鼠标移动(移动  按着和不按着都行)
           onmouseout  鼠标移到某元素之上(鼠标放上去的时候)
           onmouseup   鼠标按键松开(鼠标松开的时候)
           onresize    窗口或者框架被重新调整大小
           window.onresize
           onsubmit    表单提交
           onblur      元素失去焦点
           onfocus     元素获取焦点
           浏览器空白区域的宽和高(也就是浏览器的宽和高)
           宽:document.documentElement.clientWidth;
           高:document.documentElement.clientHeight;

//获取对象的方式 :
            //window.document.getElementById(‘miao‘);//window可以省略
                document.getElementById(‘miao‘);//ID是唯一的,不可以冲突,所以获取到的是一个对象值,不是数组
                document.getElementsByTagName("a");//标签名不是唯一的  获取所有a标签对象,生成数组
                document.getElementsByClassName("a");//className不是唯一的,获取所有className为a的标签对象  生成数组
                document.getElementsByName("a");//Name属性不是唯一的,获取所有Name为a的标签对象,生成数组
                就是整个标签

                获取对象后,如果想获取标签内的内容,可以调用对象的innerHTML属性
                标签对象.innerHTML:代表了标签之间的文字
                标签对象.innerHTML = 新的数据:就是给标签之间的内容赋值


//弹框 :
    
           alert():一个普通的弹窗
           confirm():弹出一个确认和取消的弹窗
           prompt():带有输入框的弹出
           setTimeout(func,n);//定时器,n秒后执行func中中的程序,单位是毫秒
           clearTimeout(s); //取消定时器效果,参数是又setTimeout生成的时间标识
           setInterval(func,n):以固定的时间间隔执行某件事
           clearInterval(s);
//字符串转换数值型parseInt();

 var h =document.documentElement.clientHeight;//获得浏览器的高
        var w =document.documentElement.clientWidth;//获得浏览器的宽
        var div1 = document.getElementById("id");//获得ID为id的标签的对象
        iw=parseInt(w)//把w转成数值型
        ih=parseInt(h)
        div1.style.height=ih+‘px‘;//赋值
        div1.style.width=iw+‘px‘;



JavaScript常用标签和方法小总结

标签:

原文地址:http://www.cnblogs.com/xrmqbl/p/4774434.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!