adax等其他知识点教案.docxVIP

ajax/JSON等其他知识点一、响应事件（1）内联事件处理器input type=button onclick=challengebg() value=切换背景/特点：早期广泛使用，很实用，而且很容易记住缺点：JavaScript代码和HTML混在一起，产生代码的混乱外联事件处理器window.onload=function(){document.getElementById(change_bg).onclick=challengebg;}特点：实现了HTML和JavaScript的分离具有了很大的灵活性，可以根据条件启用或者停用事件处理器缺点：每个属性只能添加一个处理函数，对于多个处理函数的功能不理想事件高级注册器特点：实现了处理多个函数的功能，而且比较灵活缺点：需要跨浏览器实现，并且代码比较复杂二、修改或者禁止默认操作事件处理器在默认操作之前执行，我们可以把元素的默认操作修改为其他动作当事件处理器给HTML元素返回布尔值false时，元素的默认操作就不会执行。如当函数返回false时，可以阻止元素表单的提交操作。ajax操作传统页面类型特点：浏览器要进行屏幕刷新，才能显示由服务器发送的新页面或修改后的页面每个新页面或修改页面的加载都会有明显的延迟，会影响用户对于应用程序“流畅”运行的感觉即使新页面内容和前一个页面的内容几乎是相同的，每次也需要加载“整个”页面。Ajax页面特点：Ajax在web页面与服务器之间建立了一个额外的“处理层”，是独立于web服务器软件的浏览器技术。服务器与相应不在需要同步一致了浏览器不会停止相应来等服务器完成对最后一个请求的处理，而是会允许用户在当前页面浏览、点击和输入数据优点：不需要刷新页面，不堵塞用户的体验、数据异步传输，可以减少网络数据的流量JavaScript与多媒体（1）音频和视频格式常见音频格式：Wave、WMA、rm、ram、MP3常见视频格式：avi、wmv、mpg、flv、swf、MP4网页中插入音频视频使用超链接的方式：a href=pm.mp3泡沫歌曲/aa href=iu.mp412月21/a使用embed标签embed src=iu.mp4 autostart=true loop=false/使用object对象object type=video/mp4 width=400 height=400param name=src value=iu.mp4param name=autostart value=true/objectHTML5和JavaScriptHTML5提供了崭新的JavaScript的API，语义丰富的元素来拓展标签语言，并引入了新的属性标签标记意义及用法分析/示例属性/属性值/描述article定义独立的内容，如论坛帖子、报纸文章、博客条目、用户评论等内容。支持HTML5的全局属性和事件属性。aside定义两栏或多栏页面的侧边栏内容，如联系我们、客服、网站公告等内容。支持HTML5的全局属性和事件属性。audio定义音频内容，如音乐或其他音频流。autoplayautoplay自动播放。controlscontrols显示控件。looploop自动重播。preloadpreload预备播放。如果使用?“autoplay”，则忽略该属性。srcurl音频的URL。支持HTML5的全局属性和事件属性。audio?src=”audio.wav”您的浏览器不支持?audio?标签。（注：可以在开始标签和结束标签之间加上此文本内容，这样若浏览器不支持此元素，就可以显示出这个信息。）/audiocanvas定义图形，如图表和其他图像。（注：canvas?只是图形容器，我们必须使用脚本来绘制图形。）heightpixels设置?canvas?的高度。widthpixels设置?canvas?的宽度。支持HTML5的全局属性和事件属性。canvas?id=”myCanvas”/canvasscript?type=”text/javascript”var?canvas=document.getElementById(‘myCanvas’);var?ctx=canvas.getContext(‘2d’);ctx.fillStyle=’#FFFF00′;ctx.fillRect(0,0,20,30);/scriptcommand标记定义一个命令按钮，比如单选按钮、复选框或按钮。只有当?command?元素位于?menu?元素内时，该元素才是可见的。否则不会显示这个元素，但是可以用它规定键盘快捷键。checkedchecked定义是否被选中。仅用于?radio?或?checkbox?类型disableddisabled定义?command?是否可用iconurl定义作为?comm