2017-4-3 Js函数 时间 补充

(一)函数

1.字符串函数:

  s.toLowerCase() --- 转换成小写  s.UpperCase ---  转换成大写

  s.substr(3,6)  --- 从下标是4的开始截取,截取6个字符,如果不写后面的数字,直接截取到最后(字符串截取主要用这个)

  s.substring(3,6) ---  从字符串的位置第三个截取到第五个(包含3,5,不是下标,是位置)

  s.split(‘ ‘);  --- 将字符串按照指定的字符拆开   ,比如中间是逗号,就将不是逗号的全部拆出来

    var s = ‘a,b,c,d‘;     var d = s.spilt(‘,‘)    d就成了一个数组了,里面包含a,b,c,d这几个字符

  s.length  --- 字符串的长度

  s.indexOf(‘aaa‘);  ---  aaa在字符串中第一次出现的位置,如果没有返回-1;

  s.lastIndexOf(‘a‘);  ---  a在字符串中最后出现的位置

2.时间日期函数:

  var a = new Date()  ---  当前时间

  var d = new Date(1999,3,2);  --- 定义一个时间,显示的时间是1999年4月2号   注意时间月份要加1  

  d.getFullYear();  ---  取年份    d.getMonth();  --- 取月份,取出来的少1   d.getDate(); --  取天

  d.getDay()  ---  取星期几     d.getHouse(); --- 取小时     d.getMinutes(); --- 取分钟

  d.getSeconds(); --- 去秒

  d.getFullYear();  --- 设置年份,设置年份的时候注意加1;

3.数学函数:

  Math.ceil();  ---  去上限    Math.floor();  ---  取下限

  Math.sqrt(); ---  开平方    Math.round();  --- 四舍五入

  Math.round();  --- 随机数0-1;包含0,不包含1;

4.小知识

  外面双引号,里面的改为单引号,或者加转义字符

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

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

    相当于s==reg,如果双等号12==‘12’是相等的,原因是隐式转换  === 是恒等于 12===‘12’  返回的是null

(二)事件

1.onclick  鼠标点击事件

2.ondbclick   鼠标双击事件

3.onmouseover   鼠标移入事件

4.onmouseout     鼠标移出事件

5.onmouseove    鼠标在上面移动是触发

6.onchange   只要内容改变触发    onblur   失去焦点是触发   这2个效果一样

7.onfocus    获得焦点是触发

8.onkeydown  按键按下的时候触发

9.onkeyup   按键抬起来的时候触发

补充

1.window.onload(){}   ---  全部运行完了,在执行js代码

2.var wid = document.documentElement.clientWidth;  --- 获取客户端的宽度

  也可以获取客户端的高度,距离上,左的距离

3.window.onresize = function(){}    ---  大小一改变,触发时间,可以用来记录客户端(窗口,不是全部网页)改变大小的高度和宽度

  列子:随着窗口的大小的改变,记录每次改变的大小(大小是网页中空白的部分)

  

  

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
</head>
<body>
    <span id="id1"></span>
</body>
</html>
<script type="text/javascript">
    var a = document.getElementById(‘id1‘);
    window.onresize = function () {

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

    }

</script>

(三)补充

1.阻止事件冒泡

  window.event ? window.event.cancelBubble = true : e.stopPropagation();

  列子:大div套小div是,如果都写上鼠标移入事件,并获取他们的id,这个时候如果不写阻止事件冒泡,在移入小div是,会先获取小div的id,在获取大div的id,这个时候就需要写入阻止冒泡事件。

  

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

    <div style="height:400px;width:400px;background-color:yellow" id="div1">
        <div style="height:100px;width:100px;background-color:blue" id="div2">
        </div>
    </div>
</body>
</html>
<script type="text/javascript">
    var a = document.getElementById(‘div1‘);
    var b = document.getElementById(‘div2‘);
    a.onmouseover = function () {
        alert(a.getAttribute(‘id‘));
    }
    b.onmouseover = function () {
        alert(b.getAttribute(‘id‘));
        window.event ? window.event.cancelBubble = true : e.stopPropagation();
    }

</script>

  

时间: 2024-10-08 03:29:21

2017-4-3 Js函数 时间 补充的相关文章

js 格式化时间日期函数小结

下面是脚本之家为大家整理的一些格式化时间日期的函数代码,需要的朋友可以参考下. 代码如下: Date.prototype.format = function(format){ var o = { "M+" : this.getMonth()+1, //month "d+" : this.getDate(), //day "h+" : this.getHours(), //hour "m+" : this.getMinutes(

一个简单的判断抢购时间是否到达的js函数

原型函数,功能很简单,找到时钟的id,计算数值,到达抢购时间时执行任务. function nwt() {var str=$('#deal_expiry_timer_e3cdcd2a').text(); var out=str.match(/\d+/g);console.log(out); var h=parseInt(out[0]),m=parseInt(out[1]),s=parseInt(out[2]); console.log(h+'#'+m+'#'+s);var calc=h*3600

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

目录 日考题(知识点)??? 1.http 与 https 2.前端布局 3.orm 大概的大纲?? vue框架??? 1.创建vue实例 2.挂载点 3.data 变量 4.methods 方法 5.插值表达式 6.文本指令 7.事件指令 8.属性指令 9.补充:面向对象js 10.补充:js函数 日考题(知识点)??? 1.http 与 https http 与 tcp : 一个是应用层, 传输层, http 协议传输层采用的是tcp http的特点: 无状态 无连接 先客户端发送请求, 服

17javascript看到的一篇关于JS函数的介绍

17javascript看到的一篇关于JS函数的介绍,下面用自己的话来介绍一下JS函数是什么.在W3C中函数的定义是这么说的:函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块. 诚然,从这种抽象的定义中我们得不到什么有价值的东西.下面,举例来列举出函数的几种定义方式: 复制代码function add(num1, num2) {  return num1 + num2;}var add = function (num1, num2) {  return num1 + num2;}//这

JS函数大全 莫名其妙找到的

1 .document.write(""); 输出语句 2 .JS中的注释为// 3 .传统的HTML文档顺序是:document->html->(head,body) 4 .一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document) 5 .得到表单中元素的名称和值:document.getElementById("表单中元素的ID号").name(或value) 6 .

关于JS的时间控制实现动态效果及实例操作

关于JS的时间控制 <script>        BOM   //Bowers Object Model   浏览器对象模型    setTimeout()//    延迟执行一次    setInterval()//    间隔执行    var a = 300;    window.setTimeout('abc(a)',3000);//    自定义函数赋值    function abc(i)    {        alert(i);    } //setInterval('ale

一个奇怪的JS函数

今天在分析一个jQuery插件源码的时候,发现了一个奇怪的函数. // add leading zeros var pad = function(x){return (1e15+""+x).slice(-2)}; 首先1e15是什么意思? 也不是十六进制表示法. 不管三七21,直接F12打开命令窗口,执行下看看,结果是1后面有15个0. 原来1e15是科学计数法,表示1乘以10的15次方. var y=123e5; // 12300000 var z=123e-5; // 0.0012

js指定时间之后跳转到指定页面代码实例

js指定时间之后跳转到指定页面代码实例:在某些场景下,需要网页在指定的时间后,网页能够自动跳转到指定页面,比如在无法找到指定网页的情况下,就会显示之前设置好的404页面,并且跳转到指定的页面,下面就是一段代码实现了此效果.代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="htt

js函数大全

js函数集·字符串(String) 1.声明 var myString = new String("Every good boy does fine."); var myString = "Every good boy does fine."; 2.字符串连接 var myString = "Every " + "good boy " + "does fine."; var myString = "