zoukankan      html  css  js  c++  java
  • js写的一些通用方法

    Js获取当前浏览器支持的transform兼容写法

     1 // 获取当前浏览器支持的transform兼容写法
     2 
     3 function getTransfrom() {
     4    var transform = '',
     5    // document.createElement() 创建元素节点,
     6    divStyle = document.createElement('div').style,  // 返回的是一组object对象,里面包含了transform
     7    // 可能涉及到的几种兼容性写法,通过循环,找出浏览器识别的那个
     8   // 依次为: 全部、Safari 和 Chrome、firefox、ie9、opera
     9    transformArr  = ['transfrom','webkitTransform','MozTransform','msTransform','OTransform'];
    10     for(var i = 0; i  <  transformArr.length; i++) {
    11         if (transformArr[i] in divStyle)  {
    12             // 找到以后立刻返回,结束函数
    13             return transform  = transformArr[i];
    14         }
    15     } 
    16     // 如果没有找到,就直接返回空字符串
    17 }

    该方法用于获取浏览器支持的transform属性。如果返回的为空字符串,则表示当前浏览器并不支持transform

    js获取元素样式

       获取元素样式在IE浏览器与其他浏览器有一些不同,因此我们需要一个兼容性的写法: 

    1      function getStyle(elem, property) {
    2        // ie通过通过currentStyle来获取元素的样式,其他浏览器通过getComputedStyle来获取
    3        return document.defaultView.getComputedStyle ? document.defaultView.getComputedStyle(elem, false)[property] : elem.currentStyle[property];
    4      }
  • 相关阅读:
    hdu 1716 排列
    codevs 2597 团伙
    创建了一个静态数组,越界访问为什么不报错
    hdu 2083 简易版之最短距离
    hdu 2073 无限的路
    hdu 2060 Snooker
    hdu 1877
    hdu 1042 N!
    hdu 1799 循环多少次?
    百练:2972 确定进制
  • 原文地址:https://www.cnblogs.com/zhaobao1830/p/7831308.html
Copyright © 2011-2022 走看看