JavaScript DOM 编程艺术笔记(11章)

HTML5

检查浏览器支持的控件

• 可以使用 Modernizr 开源库的 inputtypes.type 属性：

      if (!Modernizr.inputtypes.date) { 
         //生成日期选择器的脚本
      }
  

  要检查某个属性，可以用 input.attribut 属性：

      if (!Modernizr.input.placeholder) { 
         //生成占位符提示信息的脚本
      }
  

• 如果不使用 Modernizr，可以使用下面这个 inputSupportsType 函数来检查浏览器支持的控件：

  function inputSupportsType(type){
      if (!document.createElement) return false;
      var input = document.createElement('input');
      input.setAttribut('type', type);
      if (input.type == 'text' && type != 'text'){
          return false;
      } else {
          return true;
      }
  }
  

  用法：

      if (!inputSupportsType('date')){
          //生成日期选择器的脚本
      }
  

  要检查某个属性，可以用下面这个 elementSupportsAttribute 函数：

  function elementSupportsAttribute(elementName, attribute){
      if (!document.createElement) return false;
      var temp = document.createElement(elementName);
      return (attribute in temp);
  }
  

  用法：

  if (!elementSupportsAttribute('input', 'placeholder')){
      //生成占位符提示信息的脚本
  }