题目

1、如果网页内容需要支持多语言，你会怎么做？

1-采用统一编码UTF-8方式编码-->应用字符集的选择

2-语言书写习惯&导航结构 

3- 数据库驱动型网站 

4- 搜索引擎&市场推广

 

2、html5新特性data_*自定义属性使用

 

 

1. 获取自定义属性的值

   如下：

   <div id="content" data-age="18">html5 data-*自定义属性 age</div>

   多了一个”data-*” 属性, 如何获取呢?

   //js

   var content= document.getElementById('content');

   alert(content.dataset.age)

    

   //jquery

   $('#content').data('age');//读

2.  

     读取的时候是通过dataset对象，使用”.”来获取属性，需要去掉data-前缀，连字符需要转化为驼峰命名

   <div id="content" data-user-list="user_list">data-user_list自定义属性 </div>

   //js

   var content= document.getElementById('content');

   alert(content.dataset.userList)

    

   //jquery

   $('#content').data('userList');//读

3.  

   通过js方式给data-*设置值

   <div id="content" data-user-list="user_list">data-user_list自定义属性 </div>

   //js

   var content= document.getElementById('content');

   content.dataset.name='我叫tom'

   alert(content.dataset.name)

    

   //jquery

   $('#content').data('name','我叫tom');//写

4. 4

   getAttribute/setAttribute方法的使用

   var content= document.getElementById('content');        

   content.dataset.birthDate = '19990619';        

   content.setAttribute('age', 25);       

   console.log(content.getAttribute('data-age')); //25       console.log(content.getAttribute('data-birth-date')); //19990519