【阅读】《head first html5》第三章——事件与处理程序
2015-07-22 09:27
387 查看
你的浏览器中一直在发生很多事件。如果你想对这些事件做出响应,就要用事件处理程序来处理这些事件。
点击Web页面上的一个按钮时会触发按钮点击事件。
处理一个按钮点击事件时,要注册一个函数来处理这个事件。要做到这一点,需要编写一个函数,并把按钮的onclick属性设置为这个函数名
如果注册了一个按钮点击事件处理程序,点击这个按钮时就会调用这个函数。
要编写函数代码最为处理程序对按钮点击事件做出响应。可以提醒用户或者更新页面,也可以做其他响应
要得到用户在一个表单输入文本域中输入的文本,要使用这个输入域的value属性。
如果用户没有向表单输入文本域输入任何内容,这个域的值将是空串(是指”“而不是null)。
可以用一个if测试和==来比较变量和空串是否相等。
要把一个新元素增加到DOM,首先要创建这个元素,然后增加这个元素作为某个元素的子元素。
使用document.createElelment可以创建一个新元素。将标记名(例如,"li"传入函数调用吗,指示要创建的元素,注意不要加"<>")
要在DOM中增加一个元素作为某个父元素的子元素没需要得到这个父元素的引用,并对父元素调用appendChild,传入要增加的子元素。
如果使用appendChild向一个父元素增加多个子元素,每个新的元素就追加到其他子元素,座椅他们会出现在页面中其他子元素的后面或下面(假设没有用CSS改变页面布局)。
可以使用Web存储API(localStorage,不支持IE6或IE7)在用户的浏览器中存储数据。
点击Web页面上的一个按钮时会触发按钮点击事件。
处理一个按钮点击事件时,要注册一个函数来处理这个事件。要做到这一点,需要编写一个函数,并把按钮的onclick属性设置为这个函数名
如果注册了一个按钮点击事件处理程序,点击这个按钮时就会调用这个函数。
要编写函数代码最为处理程序对按钮点击事件做出响应。可以提醒用户或者更新页面,也可以做其他响应
要得到用户在一个表单输入文本域中输入的文本,要使用这个输入域的value属性。
如果用户没有向表单输入文本域输入任何内容,这个域的值将是空串(是指”“而不是null)。
可以用一个if测试和==来比较变量和空串是否相等。
要把一个新元素增加到DOM,首先要创建这个元素,然后增加这个元素作为某个元素的子元素。
使用document.createElelment可以创建一个新元素。将标记名(例如,"li"传入函数调用吗,指示要创建的元素,注意不要加"<>")
要在DOM中增加一个元素作为某个父元素的子元素没需要得到这个父元素的引用,并对父元素调用appendChild,传入要增加的子元素。
如果使用appendChild向一个父元素增加多个子元素,每个新的元素就追加到其他子元素,座椅他们会出现在页面中其他子元素的后面或下面(假设没有用CSS改变页面布局)。
可以使用Web存储API(localStorage,不支持IE6或IE7)在用户的浏览器中存储数据。
相关文章推荐
- 【HTML】html5新属性-datalist
- HTML5实现留言和回复页面样式
- H5动画交互页开发的工具
- 8种超炫的html5 Loading加载图标动画
- HTML5动画形式装载图像
- HTML5 链接记录
- HTML5 网页存储 Web Storage
- 移除HTML5 input在type="number"时的上下小箭头
- html5 音频代码
- 无线页面的“坑”
- 39个让你受益的HTML5教程
- 使用HTML5 Canvas做些什么
- 【h5白鹭引擎】如何快速开发一个小游戏
- 基于HTML5技术跨平台混合式应用开发解决方案UniSDP
- 基于HTML5的Web跨设备超声波通信方案
- HTML5游戏实战:美女弹弹弹
- HTML5获取当前的经纬度坐标
- 2015年7月20日,工作日结
- H5开发小技巧二、性能优化
- H5开发小技巧一、文档head模板构建