html5学习 一 html5选择器与json新方法html5拖拽

/**
 * html5 新的选择器
 * queryselector 只能选择一组元素
 * querySelectorAll 
 * getElementsByClassName
 * classList //返回类似与数组的对象
 * 		classList.add();
 * 				 .remove
 * 				 .toggle
 * 				 .length
 * json的新方法
 * eval：可以解析任何字符串变成js
 * paese : 只能解析json形式的字符串变成js json格式必须为严格型需要加上引号(安全性会高一些)
 * JSON.stringify js转为字符串
 */
var str = 'function show(){alert(234)}';
eval(str);
show();		//234

var str = '{"name" : "hello"}';
var json = JSON.parse(str);
alert(json.name);	//hello

var json = {name : 'hello'};
var str = JSON.stringify(json);
alert(str);		//{"name" : "hello"}

var a = {
	"name" : "hello"
}
var str = JSON.stringify(a);
var b = JSON.parse(str);
b.name = 'hi';
alert(b.name)	//hi

<pre name="code" class="javascript">/**
 * dataset knockout库学习
 * js加载 defer="defer" 延时加载
 * 		  async="async" 异步加载
 * lab.js 异步加载js库
 *
 * html5 拖拽事件
 * 	拖拽元素事件；被拖拽元素
 * 		 ondragstart 开始拖拽
 * 		 ondragend	 拖拽结束
 * 		 ondrag 	 开始拖拽和结束拖拽之间连续触发
 * 	目标元素事件：目标元素
 * 		 ondragenter
 * 		 ondragover
 * 		 ondragover
 * 		 ondrop		在目标元素上释放鼠标
 */
//ondrop 使用
div.ondragover = function(ev){
	// enter和leave之间连续触发
	// 要想触发drop事件必须在dragover当中阻止默认事件
	ev.preventDefault();
}
div.ondrop = function(){
	alert("释放")
}