m.lom599.com_手机版乐白家网址_乐百家手机首页登录

详解JavaScript中void语句的使用,js事件监听器用法

作者: 手机版乐白家网址  发布:2019-07-18

本文实例讲述了js事件监听器用法。分享给大家供大家参考。具体分析如下:

本文实例讲述了Jquery解析json字符串及json数组的方法。分享给大家供大家参考。具体如下:

 void是在JavaScript中的一个重要的关键字可被用作其单操作数之前出现一元运算符,其可以是任何类型。

1、当同一个对象使用.onclick的写法触发多个方法的时候,后一个方法会把前一个方法覆盖掉,也就是说,在对象的onclick事件发生时,只会执行最后绑定的方法。而用事件监听则不会有覆盖的现象,每个绑定的事件都会被执行。如下:

<!doctype html> 
<html> 
<head> 
<meta charset="utf-8"> 
<script src="js/jquery-1.6.2.min.js"></script> 
</head> 
<body> 
<hr /> 
<h3>解析json字符串、json数组</h3> 
<input type="button" id="jsonBtn" name="jsonBtn" value="jsonArray" /> 
<input type="button" id="jsonArray2" name="jsonArray2" value="jsonArray2" /> 
<input type="button" id="jsonStr" name="jsonStr" value="jsonStr" /> 
<input type="button" id="jsonStr2" name="jsonStr2" value="jsonStr2" /> 
<hr /> 
<div class="jsonText"> 
 {"ret": 0, "msg": "", "is_lost":0, "nickname": "小米", "gender": "男", "province": "广东", "city": "广州", "year": "1990", "figureurl": "http://qzapp.qlogo.cn/qzapp/101152201/D87BF108B19279F31587CE96E5648A98/30", "figureurl_1": "http://qzapp.qlogo.cn/qzapp/101152201/D87BF108B19279F31587CE96E5648A98/50", "figureurl_2": "http://qzapp.qlogo.cn/qzapp/101152201/D87BF108B19279F31587CE96E5648A98/100", "figureurl_qq_1": "http://q.qlogo.cn/qqapp/101152201/D87BF108B19279F31587CE96E5648A98/40", "figureurl_qq_2": "http://q.qlogo.cn/qqapp/101152201/D87BF108B19279F31587CE96E5648A98/100", "is_yellow_vip": "0", "vip": "0", "yellow_vip_level": "0", "level": "0", "is_yellow_year_vip": "0"} 
</div> 
<hr /> 
<div class="jsonArray"> 
 { root: 
  [ 
  {name:'1',value:'0'}, 
  {name:'6101',value:'西安市'}, 
  {name:'6102',value:'铜川市'}, 
  {name:'6103',value:'宝鸡市'}, 
  {name:'6104',value:'咸阳市'}, 
  {name:'6105',value:'渭南市'}, 
  {name:'6106',value:'延安市'}, 
  {name:'6107',value:'汉中市'}, 
  {name:'6108',value:'榆林市'}, 
  {name:'6109',value:'安康市'}, 
  {name:'6110',value:'商洛市'} 
  ], 
 json: 
  [ 
  {name:'6103',value:'宝鸡市'}, 
  {name:'6104',value:'咸阳市'}, 
  {name:'6107',value:'汉中市'}, 
  {name:'6108',value:'榆林市'}, 
  {name:'6110',value:'商洛市'} 
  ] 
 } 
</div> 
<hr /> 
<div class="jsonArray2"> 
 [ 
 {name:'1',value:'0'}, 
 {name:'6101',value:'西安市'}, 
 {name:'6102',value:'铜川市'}, 
 {name:'6103',value:'宝鸡市'}, 
 {name:'6104',value:'咸阳市'}, 
 {name:'6105',value:'渭南市'}, 
 {name:'6106',value:'延安市'}, 
 {name:'6107',value:'汉中市'}, 
 {name:'6108',value:'榆林市'}, 
 {name:'6109',value:'安康市'}, 
 {name:'6110',value:'商洛市'} 
 ] 
</div> 
</body> 
</html> 
<script type="text/javascript"> 
 ///jQuery 解析json字符串 
 //解析复杂的json数组 
 $("#jsonBtn").click(function(){ 
 var data=$(".jsonArray").html(); 
 alert("-----" data); 
 var dataObj=eval("(" data ")");//转换为json对象 
 alert(dataObj.root.length);//输出root的子对象数量 
 alert(dataObj.json.length);//输出json的子对象数量 
  //遍历json数组 
  $.each(dataObj.root, function(i, item) { 
  alert(item.name "-----root-------" item.value); 
  }); 
  //遍历json数组 
  $.each(dataObj.json, function(i, item) { 
  alert(item.name "-----json-------" item.value); 
  }); 
 }); 
 //解析单个的json数组 
 $("#jsonArray2").click(function(){ 
 var data=$(".jsonArray2").html(); 
 alert("-----" data); 
 var dataObj=eval("(" data ")");//转换为json对象 
 alert(dataObj.length);//输出root的子对象数量 
  //遍历json数组 
  $.each(dataObj, function(i, item) { 
  alert(item.name "-----jsonArray-------" item.value); 
  }); 
 }); 
 ///解析标准的Json串 方法一 
 $("#jsonStr").click(function(){ 
 var json=$(".jsonText").html(); 
 alert("---2--" json); 
  var item = jQuery.parseJSON(json); 
  alert(item.nickname); 
  alert(item.ret); 
  alert(item.figureurl ); 
 }); 
 ///解析标准的Json串,方法二 
 $("#jsonStr2").click(function(){ 
 var json=$(".jsonText").html(); 
 alert("---2--" json); 
  var obj = eval("(" json ")"); 
  alert(obj.nickname); 
  alert(obj.ret); 
  alert(obj.figureurl ); 
 }); 
</script>

此运算符指定不需要返回值,进行计算的表达式。它的语法可能是下列之一:

window.onload = function(){ 
 var btn = document.getElementById("yuanEvent"); 
 btn.onclick = function(){ 
  alert("第一个事件"); 
 } 
 btn.onclick = function(){ 
  alert("第二个事件"); 
 } 
 btn.onclick = function(){ 
  alert("第三个事件"); 
 } 
}

希望本文所述对大家的jQuery程序设计有所帮助。

<head>
<script type="text/javascript">
<!--
void func()
javascript:void func()

最后只输出:第三个事件,因为后一个方法都把前一个方法覆盖掉了。

您可能感兴趣的文章:

  • jquery eval解析JSON中的注意点介绍
  • jQuery怎么解析Json字符串(Json格式/Json对象)
  • js/jquery解析json和数组格式的方法详解
  • jquery解析json格式数据的方法(对象、字符串)
  • jQuery解析Json实例详解
  • Jquery解析json数据详解
  • jQuery解析json数据实例分析
  • jQuery解析json格式数据简单实例
  • 深入分析jquery解析json数据
  • Jquery解析Json格式数据过程代码
  • jQuery解析json格式数据示例

or:

原生态的事件绑定函数addEventListener:

void(func())
javascript:void(func())
//-->
</script>
</head>
var eventOne = function(){ 
 alert("第一个监听事件"); 
} 
function eventTwo(){ 
 alert("第二个监听事件"); 
} 
window.onload = function(){ 
 var btn = document.getElementById("yuanEvent"); 
 //addEventListener:绑定函数 
 btn.addEventListener("click",eventOne); 
 btn.addEventListener("click",eventTwo); 
}

实例1:

输出:第一个监听事件 和 第二个监听事件

这个操作最常见的用途是在客户端JavaScript:URL,它可以评估计算其边界效应的表达式,而不显示计算表达式的值的浏览器。

2、采用事件监听给对象绑定方法后,可以解除相应的绑定,写法如下:

在这里,表达 alert('Warning!!!') 进行评估计算,但没有加载回当前文档:

本文由m.lom599.com发布于手机版乐白家网址,转载请注明出处:详解JavaScript中void语句的使用,js事件监听器用法

关键词: m.lom599.com