学习笔记--html（2）

Label的作用以及使用方法

label标签:当用户选择该标签时，浏览器会自动将焦点转到和标签相关的表单控件上，方便了鼠标操作。
注意label的for属性对应的是input的Id.

HTML5的form如何关闭自动完成功能？

1.设置Form元素的autocomplete为“off”来关闭自动完成功能,若要开启则设为on

<form name="formOne" autocomplete="off"></form>

2.设置input输入框的autocomplete为“off”来关闭自动完成功能,若要开启则设为on

<input type="password" autocomplete="off" name="password">

如何实现浏览器内多个标签页之间的通信?

1、websocket
WebSocket是HTML5新增的协议，它的目的是在浏览器和服务器之间建立一个不受限的双向通信的通道，比如说，服务器可以在任意时刻发送消息给浏览器。
参考内容：https://blog.csdn.net/liao0801_123/article/details/90771356

2、使用localstorage
直接在window对象上添加监听即可：

window.onstorage = (e) => {console.log(e)}
// 或者这样
window.addEventListener('storage', (e) => console.log(e))

onstorage以及storage事件，针对都是非当前页面对localStorage进行修改时才会触发，当前页面修改localStorage不会触发监听函数。然后就是在对原有的数据的值进行修改时才会触发，比如原本已经有一个key会a值为b的localStorage，你再执行：localStorage.setItem(‘a’, ‘b’)代码，同样是不会触发监听函数的。

3、SharedWorker
SharedWorker可以被多个window共同使用，但必须保证这些标签页都是同源的(相同的协议，主机和端口号)

参考：https://www.jianshu.com/p/31facd4934d7