欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-08-20 15:34:38
一 函数 1、字符串函数 s.tolowerCase( ); -- 变小写 s.toupperCase( ); -- 变大写 s.substr( 2 , 8 ); -- 截取 从索引2开始截取,截取8个字符长度 s.split( ); -- 指定字符分割,返回一个数组。 括号里放一个字符,按照这个字 ......

一 函数

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                  -- 失去焦点时触发   光标移出

 

    -- 注意字母的大小写

  onchange             -- 内容改变时触发(与onblur一样,光标移出后改变)

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

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

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

 

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

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

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

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

 

window.onresize   -- 大小(浏览器)改变时触发

 

 

事件冒泡:

     当元素嵌套的时候,内部元素激发某个事件后,默认情况下外部元素相应的事件也会跟着触发

  阻止冒泡:

             window.event ? window.event.cancelbubble = true : e.stoppropagation();