题目
1、如果网页内容需要支持多语言,你会怎么做?
1-采用统一编码UTF-8方式编码-->应用字符集的选择
2-语言书写习惯&导航结构
3- 数据库驱动型网站
4- 搜索引擎&市场推广
2、html5新特性data_*自定义属性使用
-
获取自定义属性的值
如下:
<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');//读
-
读取的时候是通过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');//读
-
通过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');//写
-
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