JS DOM操作函数事件阻止事件冒泡

最新推荐文章于 2023-03-24 10:58:23 发布

转载最新推荐文章于 2023-03-24 10:58:23 发布 · 296 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Tanghongchang/p/6664642.html

文章标签：

#xhtml #javascript #ViewUI

一函数

1、字符串函数

s.tolowerCase( )； -- 变小写

s.toupperCase( )； -- 变大写

s.substr( 2 , 8 )； -- 截取从索引2开始截取，截取8个字符长度

s.split( )； -- 指定字符分割，返回一个数组。括号里放一个字符，按照这个字符分割s

s.length ； -- 长度

s.indexOf（）; -- 在字符串中第一次出现的位置，找索引，没有返回 -1.

s.lastindextOf( ); -- 从后面找第一个匹配的索引。

2、时间日期函数

var d = now Date ( ); -- 当前时间，获取的是用户电脑系统时间（容易出问题）

var d = now Date (1999,3,2) -- 定义时间，1999年4月2号，定义时月份减一。

获取

d.getFullYeat( ); -- 取年

d.getMonth( ）； -- 取月份，取出来的比实际月份少1.

d.getDate( ); -- 取天

d.getDay( ); -- 取星期几

d.getHours( ); -- 取小时

d.getMinutes( ); -- 取分钟

d.getSeconds( ); -- 取秒

设置

d.setFullYear( ); -- 设置年份

d.setMonth( ）； --设置月份在设置是时候注意加 1 .

...........

3、数学函数

Math.ceil( ); --取上限

Math.floor( ); -- 取下限

Math.round( ); -- 四舍五入

Math.random( ); --随机数，0——1之间

var v = Math.random ( );

Math.ceil (v*10 ); -- 取1——10的随机数

a. match ( b ) -- 判断是否匹配，

        var a = "aaa"
        var b = "aaa"
        if (aa.match(aaa))

         {                        -- 两字符串进行匹配，如果不匹配返回 null，如果相当返回子符
            alert("相等")
          }
        else

         {                            -- 只是判断内容是否匹配，不看数据类型。
                alert('不等')
         }

“===” 三个等号表示恒等，内容类型等都要相等。

二事件

onclick -- 鼠标单击触发

ondbclick --鼠标双击触发

onmouseover -- 鼠标移入

onmouseout -- 鼠标移出

onmousemove --鼠标移动触发在操作对象上面移动一下鼠标就会触发

onfocus --获得焦点时触发光标移入

onblur -- 失去焦点时触发光标移出

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
</head>
<body>

    <input type="text" id="id1" />
    <span id="id2">0 </span>

</body>
</html>

<script type="text/javascript">

    var a = document.getElementById('id1');
    var b = document.getElementById('id2')

    a.onblur = function () {
        b.innerText = a.value;
    }
    a.onfocus = function () {
        b.innerText = "8位以上数字字母组合"
    }

</script>

View Code

-- 注意字母的大小写

onchange -- 内容改变时触发（与onblur一样，光标移出后改变）

onkeydown -- 按键按下时触发下一次按键触发上一次按键结果

onkeyup -- 按键抬起时触发按键按下，抬起，提起时触发按下时的结果

onkeypress --按下并放开任意数字、字母键时触发。系统按钮无法识别。

window.onload -- 整个浏览器加载完全后再触发，

-- 如果把 js 写在 head 里面，必须加 onload

-- 一个HTML页面只能有一个 onload

-- 函数如果写在 onload 里面永远无法调用到

window.onresize -- 大小（浏览器）改变时触发

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
</head>
<body>

    <input type="text" id="id1" />
    <span id="id2">0</span>

</body>
</html>

<script type="text/javascript">

    var a = document.getElementById('id1');
    var b = document.getElementById('id2')
   
     var c = 1;
     window.onresize = function () {
       b.innerText = c;                        -- b中记录浏览器大小改变时的变化
       c++;
     }
    
    window.onresize = function () {

        var hei = document.documentElement.clientHeight;
        var wid = document.documentElement.clientWidth;
        b.innerText = "高度" + wid + " 宽带" + hei;       

    }                                             -- 显示客户端浏览器的高宽。
</script>