HTML5新增的字符集属性(characterSet)和自定义数据属性(data-xxx)

1.字符集属性—characterSet属性

1.1characterSet作用

  通过此属性来获取或者指定当前文档使用的字符集。默认值为“UTF-16”。
 

1.2用法示例

//获取文档使用的字符集
console.log(document.characterSet);//"UTF-16"
//指定文档使用的字符集
document.characterSet = "UTF-8";

 

2.自定义数据属性

2.1设置方法

  data-后面跟什么都可以

2.2示例

<input type="text" data-myName="自定义">

2.3获取or重置示例中自定义数据属性

const input = document.getElementsByTagName("input");
console.log(input[0].dataset.myname);

注意：
  ①data-后面的字符串，有无采用驼峰命名，访问时，一律按照小写字母来处理。例如：要访问data-myName和data-myname，要通过myname来访问；
  ②像data-my-name和data-my-Name这类，要通过myName来进行访问

2.4自定义数据属性适用场景

  需要给元素附加某些数据的场景，例如链接追踪和聚合应用程序中标识页面的不同部分以及单页应用程序框架。