iframe基本知识讲解以及iframe版本Tab切换。
iframe基本讲解内容
iframe是什么，为何使用iframe？
如何在当前网页中调用iframe中的标签和内容？——contentWindow、contentDocument
如何在iframe中调用当前网页中的内容？—[......]
分类目录归档：WEB前端开发
oninput,onpropertychange,onchange事件的基本知识以及应用
oninput,onpropertychange,onchange的基本知识以及应用。
onchange触发事件必须满足两个条件：
a）当前对象属性改变，并且是由键盘或鼠标事件激发的（脚本触发无效）
b）当前对象失去焦点(onblur)；
onpropertychange与oninput[......]
使用html5的Canvas功能绘制飞机图像实例
使用html5的Canvas功能绘制飞机图像，先来看效果图：
实现的代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>飞机<[......]
phonegap使用方法实例介绍
phonegap使用方法实例介绍：
phonegap中运用插件的方法
首先将下载的xxx.m xxx.h拖动到plugins文件夹之上，如图：
此时在弹出的对话框中选择1,2,4项，如图：
还有最后一个工程也要勾选上，在此没有截图，不好意思
单击finish之后就发现[......]
HTML5实现图片的拖拽方法实例
HTML5定位百度地图API接口应用
HTML5定位，百度给的地图API接口相当完善，复制过来一下，以后备用
基本使用方法：
<!–引入百度地图API–>
<script src=”http://api.map.baidu.com/api?v=1.4″ type=”text/javascript”&g[......]
HTML5视音频代码实例与WEBM格式转换器介绍
HTML5视音频代码实例&WEBM格式转换器介绍。用HTML5的video标签书写一个实例
<!doctype html>
<html>
<head>
<meta charset=’utf-8′ />
<title>[......]
HTML5桌面通知Notification
HTML5桌面通知Notification。桌面通知，我们经常看到的比如QQ在右下角的消息提醒。在网页中我们也可以用Javascript模拟实现这一功能，只是这个消息框是浏览器中进行控制的。目前浏览器依然是一个严格的沙盒工作模式，这种模式把浏览器和桌面的通信隔离开。Notification可以跨越沙[......]
WebApp的meta标签
apple-mobile-web-app-capable
设置Web应用是否以全屏模式运行。
- 语法：
- <meta name=”apple-mobile-web-app-capable” content=”yes”>
- 说明：
- 如果content设置为yes，Web应用会以全屏模式运行，反[......]
HTML5 语音输入x-webkit-speech
HTML5 语音输入x-webkit-speech。最近发现了一个HTML5大功能，可直接给输入框增加语音输入的功能 。它的实现方法是如此的简单，只需要在input标签中加入x-webkit-speech即可。
model：
<body>
<input type=”t[......]