WEB前端-HF-HTML5Programming-笔记-CH3 事件与处理程序
来源:互联网 发布:淘宝购物积分怎么用 编辑:程序博客网 时间:2024/05/15 17:14
JS可以处理的事件:
1. 用户与界面交互:按钮点击/鼠标移动/鼠标移出/鼠标拖动/鼠标按下并保持
2. 数据到达
3. 时间到期
4. 浏览器窗口相关。
使用DOM创建新元素
Var li = document.createElement(“li”);//创建新元素
li.innerHTML = songName;//为元素增加内容
向DOM增加新元素
var ul = document.getElementById(“playlist”);//首先在树中找到<ul>元素(通过id)
ul.appendChild(li);//然后为它增加孩子
例子
点击按钮增加歌曲步骤:
1. 建立一个程序,用来处理用户点击
2. 编写程序,得到输入的歌曲名
3. 创建新元素包含新歌
4. 将元素增加到DOM
5. 保存添加的播放列表(使用HTML5 Web存储API)
NULL与””
Null,包含一个串,串中没有内容。
“”是空串,没有任何内容。
Attribute 与property
Html语言中元素的属性称为attribute,DOM中属性称为property
阅读全文
0 0
- WEB前端-HF-HTML5Programming-笔记-CH3 事件与处理程序
- WEB前端-HF-HTML5Programming-笔记-CH4 JS对象与函数
- Web前端-HF-HTML5Programming笔记-CH1&CH2 HTML5&JS&DOM
- 事件与处理程序
- Mobile Web前端开发系列: 事件处理
- WEB前端鼠标事件,IE与火狐
- 【学习笔记八】- JS 冒泡与捕获(事件流+事件处理程序+事件对象)
- JavaScript:事件流与事件处理程序
- JS事件流与事件处理程序
- js事件流与事件处理程序
- Mobile Web前端开发系列: 事件处理(一)
- Mobile Web前端开发系列: 事件处理(二)
- Mobile Web前端开发系列: 事件处理(三)
- 《Java数据结构与算法》笔记-CH3简单排序
- JavaScript事件处理程序 学习笔记
- HTML学习笔记之事件处理程序
- JavaScript之事件流与事件处理程序(事件)
- CH3-类与对象
- bzoj4515 [Sdoi2016]游戏
- jQuery
- hdu 1863 畅通工程 (prim与并查集)
- Android studio 实现多分包(多个dex文件)技术详解
- 牛客网JavaScript在线编程题语言选择问题
- WEB前端-HF-HTML5Programming-笔记-CH3 事件与处理程序
- 线程安全的AtomicLong使用
- 假设检验(t-test)
- 隐藏多余cell
- SMOJ 2201 D (线段树)
- 数位DP专题小结--by sgx 数位DP专题小结--by sgx
- POJ 1852 Ants
- iOS系统的各种设备识别码
- OpenCV矩阵运算之顶点法向量计算