2017-4-1 js的函数事件补充

Posted Zoe

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了2017-4-1 js的函数事件补充相关的知识,希望对你有一定的参考价值。

1、函数
字符串函数:

     var s=new String();或var s="aaaa";

     var s="hello world";

     alert(s.toLowerCase()); 转小写

       alert(s.toUpperCase()); 转大写

     alert(s.substring(3,8));   从第四个位置截取到第八个位置。

     alert(s.substr(3,8));    从第四个位置开始截取,截取八个字符长度,不写后面的数字,是截到最后。

     s.split("");  将字符串按照指定的字符拆开。

              例子:var  s=a,b,c,d,e,f;    

                        var  ss= s.split(",");

                 alert(ss.length);

运行结果:

 

s.length    是属性

s.indexOf("world");   world在字符串中第一次出现的位置,没有的话返回-1。

s.lastIndexOf("o");    o在字符串中最后一次出现的位置。

时间日期函数

var d=new Date();  当前时间

var d=new Date(1999,3,2);  定义一个时间,1999年4月2日,3要加1。

d.getFullYear();    获取年份; d.getMonth();  获取月份,取出来的少1;  d.getDate();    取天;  d.getDay();   取星期几;   d.getHours();  取小时;  d.getMinutes();   取分钟;  d.getSeconds();  取秒    

d.setFullYear();   设置年份,注意: 设置月份时加1

 

数学函数

 Math.ceil();    大于当前小数的最小整数

Math.floor();  小于当前小数的最大整数

Math.sqrt(); 开平方

Math.round();   四舍五入

Math.random();   随机数,0-1之间    如果想取0-100之间的随机数:   var  s= Math.randow();   alert(Math.ceil(s*100));

小知识点:

(1)外面双引号,里面的双引号改为单引号,否则用转义符;

(2)在div里面行高设置和整个外面高度一样,才能用竖直居中,居中是行居中;

(3)文本框取出来的值是字符串,需要用parseint()  转化为数字;

(4)s.match(reg);s代表一个字符串,reg代表一个字符串,两者进行匹配,如果两个字符不匹配,返回一个null值。

(5)===是恒等于   例如:var s="10";   var ss=10;  if(s==ss){alert("相等");}  else{alert("不等");}   结果是 :相等

                                    var s="10";   var ss=10;  if(s===ss){alert("相等");}  else{alert("不等");}   结果是 :不等

2、全部事件
onclick :    鼠标单击触发
ondblclick:  鼠标双击触发

onmouseover:  鼠标移动上面触发
onmouseout  鼠标离开触发

onmousemove:     鼠标在上面移动时触发

onchange:   只要内容发生改变触发

onfocus:   获得焦点时触发
onblur:     失去焦点时触发

onkeydown:   按键按下的时候触发

onkeyup:    按键抬起来的时候触发

onkeypress:   事件在用户按下并放开任何字母数字键时发生,但是系统按钮(例如:箭头键、功能键)无法得到识别。

window.onload:   浏览器页面加载完毕触发

window.onresize:  浏览器大小改变时触发

取浏览器的宽度:var  wid=document.documentElement.clientWidth;

取浏览器的高度:var  hei=document.documentElement.clientHeight;


3、补充


阻止事件冒泡:
window.event ? window.event.cancelBubble = true : e.stopPropagation();

 

以上是关于2017-4-1 js的函数事件补充的主要内容,如果未能解决你的问题,请参考以下文章

Vue ---- vue的基本使用 文本/事件/属性指令 补充: js面向对象 js函数

4-1js函数事件补充知识

textarea的onkeyup事件与一个JS 特效冲突啥原因?详细问题见补充

Django学习日记-04j补充单表编辑部分

JS学习记录(事件补充一)

求JS 大神指导,页面的防止重复点击事件(具体见补充)