html怎么把控制台输出到电脑

1、在浏览器中按下F12，打开开发者工具。

2、红色的圈是控制台，蓝色的圈是控制台输出的内容。

3、让计算机在页面中输出一个内容，以及在控制台中输出一个内容即可。

html5控制台中定义数据类型：

HTML5规定可以为元素添加非标准的属性，但要添加前缀data-，目的是为元素提供与渲染无关的信息，或者提供语义信息。这些属性可以任意添加、随便命名，只要以data-开头即可。

<div id="myDiv" data-appid="12345" data-myname="Nicholas"></div>

添加了自定义属性之后，可以通过元素的dataset属性来访问自定义属性的值。dataset属性的值是DOMStringMap的一个实例，也就是一个名值对儿的映射。在这个映射中，每个data-name形式的属性都会有一个对应的属性，只不过属性名没有data-前缀（比如，自定义属性是data-myname,那映射中对应的属性就是myname)。

var div = document.getElementById("myDiv")

//取得自定义属性的值

var appId = div.dataset.appid

var myName = div.dataset.myname

//设置值

div.dataset.appid = 23456

div.dataset.myname = "Michael"

//如果获取到“myname”的值

if(div.dataset.myname) {

alert("Hello, " + div.dataset.myname)

}

如果需要给元素添加一些不可见的数据以便进行其它处理，那就要用到自定义数据属性。在跟踪链接或混搭应用中，通过自定义数据属性能方便地知道点击来自页面中的哪个部分。

支持自定义数据属性的浏览器有Firefox 6+和chrome。

---