zoukankan      html  css  js  c++  java
  • js复习02 Math,Date,滚轮

    Math

      Math.PI  ---  返回圆周率3.14    ceil  ---  向上取整  floor  ---  向下取整

      round  ---  对数值x进行四舍五入 random  ---  返回介于0 ~ 1 之间的随机数

      indexOf(str,index)方法可返回某个指定的字符串值在字符串中首次出现的位置(对大小写敏感)   

        str-------规定需检索的字符串值

        index----规定在字符串中开始检索的位置

        如果要检索的字符串值没有出现,则该方法返回 -1

      var str=window.navigator.userAgent;获取用户浏览器识别码

      str.toLowerCase();转换成小写

    Date

      创建一个事件对象:var Now = new Date(); 

      getFullYear(); 获取4位数的年份

      getMonth(); 获取月份(0-11)

      getDate(); 获取月份中的天数(日期)

      getDay(); 获取星期几(0-6)

      getHours( ) 获取当前小时数

       getMinutes( ) 获取当前分钟数

       getSeconds( ) 获取当前秒数

      getMilliseconds(); 获取当前的毫秒数

      getTime(); 获取从1970年1月1日08:00:00到现在的毫秒数

      UTC国际标准时间又称世界时

      设置set   例setFullYear();

    滚轮事件

      非火狐  onmousewheel  (前滚:120 ,后滚:-120)

      火狐中  DOMMouseScroll  (前滚:-3 ,后滚:3) 

    //阻止默认事件
    var event=ev||window.event;
    if (event.preventDefault) {
         //非ie阻止默认事件
         event.preventDefault();
    } else{
         //ie阻止默认事件
         event.returnValue=false;
    };

    获取浏览器识别码:window.navigator.userAgent.toLowerCase();

     try…catch<body>

      <p>请输入 5 和 10 之间的一个数:</p>
      <input id="demo" type="text">
      <button type="button" onclick="myFunction()">检测输入</button>
      <p id="message"></p>
    <script>
    function myFunction() {
        var message, x;
        message = document.getElementById("message");
        message.innerHTML = "";
        x = document.getElementById("demo").value;
        try { // - 尝试执行代码块
            if(x == "")  throw "为空";
            if(isNaN(x)) throw "不是一个数字";
            if(x > 10)   throw "太大了";
            if(x < 5)    throw "太小了";
        }
        catch(err) {  //- 捕获错误的代码块
            message.innerHTML = "输入的值 " + err;
        }

        finally {  //- 无论 try / catch 结果如何都会执行的代码块
          document.getElementById("demo").value = "";
        }

    }
    </script>

    AJAX

      get:性能好,明文发送数据,没有POST安全,传输数据大小有限制

       POST:性能只有GET的1/3左右,比GET稍微安全一点,没有传输数据大小的限制

        //1,创建XMLHTTPRequest对象
            if (window.XMLHttpRequest) {
                var xhr=new XMLHttpRequest();
            } else {
                var xhr=new ActiveXObject('Microsoft.XMLHTTP')
            }
            //2,与服务器创立链接
            xhr.open('get','new_file.json',true);
            //3,发送给服务器
            xhr.send(null);
            //4,接收数据
            xhr.onreadystatechange=function () {
                //5,请求完成
                if (xhr.readyState==4) {
                //0:请求未初始化   1:服务器连接已建立  2:请求已接收  3:请求处理中   4:请求已完成
                    if (xhr.status==200) {//200:请求完成  404:找到页面
                        console.log('请求完成。可以对接数据了')
                    }
                } else {
                    console.log(xhr.status);//错误提示
                }
            }
  • 相关阅读:
    js拖拽效果 javascript实现将元素拖拽如某容器效果demo
    使用 transform3D 造成网页闪动的底层原因剖析
    设置文字垂直 竖向 显示
    文本光标,高亮选中一些出来
    HTMl5的sessionStorage和localStorage
    event 事件兼容性处理 keycode 大全
    收藏个支持进度条与文件拖拽上传的js File Uploader
    three.js 3D效果
    Winform下的地图开发控件(GMap.NET)使用心得
    ASP.NET Forms验证 实现子域名(SubDomain)共享登陆下的缺陷
  • 原文地址:https://www.cnblogs.com/xiaohaha668/p/10697530.html
Copyright © 2011-2022 走看看