<!DOCTYPE html>
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title><meta charset="utf-8"><meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1"><script type="text/javascript"></script><style type="text/css">.want {border:2px solid red;}.nowant {border: 1px solid black;}</style>
</head>
<body><div id="fileUpl...
HTML5 虽然很多年了，但是真的了解不不够不够。主题说的是 storage时间，说起对 storage 事件的了解还是从 QQ音乐 说起。QQ音乐的主页是 https://y.qq.com , 而实际播放的页面是 https://y.qq.com/portal/player.html。你在其他里面点击播放或者添加的时候，你会发现 https://y.qq.com/portal/player.html 会实时的变化。当前我想，这个神奇啊，当前想法是如下，可是怎么想都比较low啊。1. 存入 localStorage 或者 indexedDB里面，...
1.URL 1.URL的作用 用于来表示任意一个资源的位置（互联网上）。 协议+主机名+文件目录结构+文件名称 2.详解 格式： <scheme>://<user>:<pwd>@<host>:<port>/<path>:<params>?<query>#<frag> scheme:方案，协议，以哪种方式到服务器获取资源，协议不区分大小写，常用协议：http,https,ftp user:用户名 pwd:密码 host:主机名 localhost port:端口 path:路径，资源在服务器上具体...
The change event is fired for <input>, <select>, and <textarea> elements when a change to the element‘s value is committed by the user. Unlike the inputevent, the change event is not necessarily fired for each change to an element‘s value.事件在元素input,select,textarea的内容由用户改变的时候触发，并且不像input事件每一次的改变都触发。DescriptionDepending on the kind of form element being changed ...
事件流：事件流: 描述的是从页面中接收事件的顺序 也可以理解为事件在页面中传播的顺序；事件: 就是用户或浏览器自身执行的某种动作 例如 click(点击) load(加载) mouseover(鼠标悬停)事件处理程序: 响应某个事件的函数就叫事件处理程序(或事件侦听器)下面所示例子注册事件的方式均使用DOM2级事件定义的事件处理程序进行注册。DOM2级事件定义可两个方法，用于处理指定和删除事件处理程序的操作:addEventListener()和removeEventLis...
事件触发模型简要说明onclick鼠标单击链接ondbclick鼠标双击链接onmousedown鼠标在链接的位置按下onmmouseout鼠标移出链接所在的位置onmouseover鼠标经过链接所在的位置onmouseup鼠标在链接的位置放开onkeydown键被按下onkeypress按下并放开该键onkeyup键被松开onblur失去焦点onfocus获得焦点onchange文本内容改变原文：http://www.cnblogs.com/mianfen/p/5617950.html
摇一摇JS脚本逻辑：接下来是移动端JS脚本逻辑的实现，摇一摇的实现需借助html5新增的devicemotion事件，获取设备在位置和方向上的改变速度的相关信息，该事件的基本使用如下：if (window.DeviceMotionEvent) {window.addEventListener(‘devicemotion‘, handler, !1);lastTime = new Date();
} else {alert(‘你的浏览器不支持摇一摇功能.‘);
}devicemotion事件对象中有一个accelerationIncludingGravity属性，该属性包括：一个包...
全局属性和事件能够应用到所有标签元素上，在HTML4中有许多全局属性，比如id，class等。HTML5中又新增了一些特殊功能的全局属性和事件。 属性： HTML5属性能够赋给标签元素含义和语境，下面的全局属性可用于任何 HTML5 元素。 属性描述contenteditable规定是否允许用户编辑内容。contextmenu规定元素的上下文菜单。draggable规定是否允许用户拖动元素。dropzone规定当被拖动的项目/数据被拖放到元素中时会发生什么。hidden规定...
用于服务器实时向客户端推送消息，这个是单向推送server to client服务器端 header头 要想服务器端推送：在服务器端的报头要定义： header(‘Content-Type:text/event-stream‘),服务器发送的响应内容应该使用这种`text/event-stream`的MIME;这样客户端才能理解你这是发送的不是普通的数据， eventsource对象才能识别 事件流 服务器端发送事件流（内容）; 每执行一次php文件就产生一个事件流； 事件流是由多个消...
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title></title><style>
.div1{width: 500px; height: 600px; background: yellow; font-size: 22px; position: absolute; bottom: 0;}
.div3{width: 500px; height: 600px; background: yellow; font-size: 22px; position: absolute; left: 600px;}
li{display: block; width: 50px; height: 50px; background: red; margin-top: 10px;}
</style>
<script>window....
转自 http://www.hitoy.org/event-binding-problem-of-dynamically-generated-content.html 由于实际的需要，有时需要往网页中动态的插入HTML内容，并在插入的节点中绑定事件处理函数。我们知道，用Javascript向HTML文档中插入内容，有两种方法，一种是在写HTML代码写入JS，然后插入到文档中；另外一种是通过ajax的方式，从服务器获取数据，然后用js把获取的数据经过处理后插入文档中；两种方法各有特点，本文将分析新插入到文档中...
一. 事件 二.操作 1、内容1innerText 文本
2outerText
3innerHTML HTML内容
4innerHTML
5 value 值2、属性1attributes // 获取所有标签属性
2setAttribute(key,value) // 设置标签属性
3 getAttribute(key) // 获取指定标签属性/*var atr = document.createAttribute("class");atr.nodeValue="democlass";document.getElementById(‘n1‘).setAttributeNode(atr);*/ DOM链接 http://www.cnb...
HTML事件共分5类Window事件(17个)、Form事件、Keyboard事件、Mouse事件、Media事件---------Window事件(17个)---------针对window对象的事件（应用到<body>书签）onafterprint ：文档打印之后运行的脚本onbeforeprint、onbeforeunload、
onerror、onhaschange、onload、onmessage、
onoffline、ononline、onpagehide、onpageshow
onpopstate、onredo、onresize、onstorage、onundo、onunloadonafterprint语法<element onafterprint...
首先是在普通文档（也就是单个html文件中进行测试，能够正常执行） 普通情况下的结果，拼接的结果能够正常渲染并且控制台有输出； 但是在vue环境之下就会出错，点击事件并没有反应，js部分： for (const i in _sourcesName) {let liHtml = "";for (const j in _sourcesName[i]) {liHtml += ‘<li class="dataLi">‘;liHtml +=‘<p>‘ +_sourcesName[i][j] +‘(‘ +_sourcesRoundNum[i][j] +‘)‘ +‘</p>‘;liHtml ...
前言： 每一次遇见问题想到的就是怎么解决？最好的方法还是查询网络媒体，更好的办法是让自己记忆，只有自己理解到了才真正是属于自己。要做一个订单提醒功能，没有使用audio相关的插件，虽然插件无数，还是喜欢自己瞎折腾。(来一些隐形的链接，据说有推广效果，本文原创官网地址：www.pushself.com) 听一个写博客的朋友说周末的博客阅读量明显下降，周末大好时光不出去泡妹子的肯定是有难言之隐的。先来重温一下audio标签的...
有的时候，我们需要使用<a>这个超级链接，而又不使用href来完成跳转，而是如：<a href="#" onClick="fun()"></a>这种方式。这样，就不会让页面跳转。但是同时也会带来一些负面的问题，比如页面的title变成了“#”，或者页面出现了滚动条什么的。这是因为在执行完了onClick事件后，<a>又去跳转href所指向的地址了，而”#“是个锚点，默认是网页的页首，所以会带来上边所说的问题。