`

js 使用json 简单封装

阅读更多

 

<html>
<title>无标题文档</title>
</head>

<body>
<div id="div">点击我</div>
<span></span>
<span></span>
<span></span>
</body>
<script type="text/javascript">
	fn = {
		$i:function(id) {
			return document.getElementById(id);
		},
		$tag:function(tagname){
			return document.getElementsByTagName(tagname);
		}
	}

	alert(fn.$i("div").innerHTML);    (fun.$i("div") 与 fn['$i']("div") (类似键值关系)所代表的是一样的效果 只是写法不同)
	alert(fn['$i']("div").innerHTML);
	fn["$i"]("div").onclick=function(){
		for(var i = 0 ; span = fn.$tag("span") , i<span.length;i++) {
			span[i].id = "span_"+i;
			fn.$i("span_"+i).innerHTML="第"+i+"个span<br>";
		}
	}

</script>
</html>
如果想把页面上面的json 让js可以直接使用的话 那么 我们将用eval对象来将字符的转变成js能认识的json数据
<body>
<div id="div">fn = {
		$i:function(id) {
			return document.getElementById(id);
		},
		$tag:function(tagname){
			return document.getElementsByTagName(tagname);
		}
	}
</div>
<span></span>
<span></span>
<span></span>
</body>
<script type="text/javascript">
		eval(document.getElementById('div').innerHTML);
         for(f in fn ) {
             alert(fn[f]);     (将会输出2条数据 function{return document.getElementById(id)} ,function(tagname) {return  document.getElementsByTagName(tagname);)
		}
        }
</script>
0
0
分享到:
评论

相关推荐

    JavaScript的json封装

    因项目需求,自己拼接麻烦,所以将javascript拼接json封装成和java类似的操作,直接put() 与 get() 就可以使用,支持json数组,使用的时候只需要 创建对象 并赋值 然后调用内部参数即可,源码中有示例。因为删除操作...

    使用json封装数据 html源代码

    文件“使用JSON封装数据”可能包含了一个完整的HTML页面和相关的JavaScript代码,演示了如何从JSON数据中提取信息并展示在页面上,同时提供用户界面来增加和删除数据项。这样的例子可以帮助开发者更好地理解和实践...

    C实现对JSON的封装,对json格式解析,封装等.

    本篇文章将详细介绍如何使用C语言通过`cJSON`库对JSON进行封装和解析。 首先,`cJSON`库提供了两种基本类型,对应JSON的两种基本结构:`cJSON_Object`(JSON对象,以大括号{}表示)和`cJSON_Array`(JSON数组,以方...

    json数据封装,传递,解析

    在客户端,我们通常使用JavaScript来创建JSON对象,这个过程称为封装。例如,假设我们有一个用户对象,包含用户名和邮箱,可以这样表示: ```javascript var user = { "name": "张三", "email": "zhangsan@...

    Json的封装与解析demo

    JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它以其简单、易读和易于编写的特性在Web服务和应用程序之间广泛使用。本篇主要探讨JSON的封装与解析,帮助你理解并掌握这一关键技能。 一、JSON的...

    json_value20190219.zip_RapidJson 简单封装_json封装_rapidjson_rapidjson

    在IT行业中,JSON(JavaScript Object Notation)是一种广泛使用的轻量级数据交换格式,它易于人阅读和编写,同时也易于机器解析和生成。RapidJson是C++的一个开源库,专为性能而设计,用于处理JSON数据。这个“json...

    QT纯C++实现JSON的封装、解析、修改、删除!

    在IT行业中,JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,广泛应用于Web服务与客户端之间的数据传输。QT是一个跨平台的C++库,提供了丰富的功能,包括图形用户界面、网络通信、多媒体处理等。...

    JSON的封装和解析

    以下是一个简单的JavaScript示例,展示如何使用JSON封装数据并通过Socket发送: ```javascript // 创建JSON对象 var data = { name: "John", age: 30, city: "New York" }; // 封装为JSON字符串 var jsonString...

    json对象封装及解析所需的JAR包

    JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,广泛应用于Web服务和应用程序之间的数据传输,因为它易于阅读和编写,同时也易于机器解析和生成。在Java中,处理JSON对象通常需要依赖特定的库,本...

    json解析和封装案例

    1. JavaScript中的JSON封装:将JavaScript对象转换为JSON字符串,可以使用`JSON.stringify()`函数。例如: ```javascript var jsonObject = {name: 'John', age: 30, city: 'New York'}; var jsonString = JSON....

    java中json的封装和解析

    三、使用Jackson进行JSON封装 1. 添加依赖 在Maven项目中,需要在pom.xml中添加Jackson依赖: ```xml &lt;groupId&gt;com.fasterxml.jackson.core&lt;/groupId&gt; &lt;artifactId&gt;jackson-databind &lt;version&gt;2.x.x ``` 2....

    json封装的jar包

    标题提及的“json封装的jar包”通常是指包含有处理JSON的Java库,这类库可以帮助开发者方便地在Java程序中进行JSON对象的创建、解析、序列化和反序列化。描述中提到有6个常用的类或方法,这可能指的是这个jar包内...

    C#封装和解析json

    总之,C#中的JSON封装和解析主要依赖于像Json.NET这样的第三方库。通过这些库,我们可以轻松地在C#对象和JSON字符串之间进行转换,从而实现数据的交换和存储。理解和掌握这些基本操作对于任何C#开发者来说都至关重要...

    Android 实用的数据json数据解析封装类

    在Android开发中,JSON(JavaScript Object Notation)是一种常用的数据交换格式,因其轻量级、易读易写的特点,被广泛应用于服务器与客户端之间的数据传输。对于Android开发者来说,理解和熟练掌握JSON解析至关重要...

    c#json封装和解析练习例子

    在C#编程中,JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它以易于人阅读和编写,同时也易于机器解析和生成。在处理Web服务或与服务器进行数据交换时,JSON常被用作数据传输的载体。本练习例子...

    uniapp封装websocket,使用简单,下载即可使用,统一使用json收发消息,区分业务类型

    uniapp封装websocket,使用简单,下载复制进项目即可使用,统一使用json收发消息,区分业务类型。 1、使用方法,在需要使用的页面导入改文件(也可以挂载全局) 2、onLoad方法调用this.socketObj = new WebSocketIO...

    使用json值的数组封装数据 html 源代码

    这个“使用json值的数组封装数据 html 源代码”示例,主要展示了如何在HTML页面中处理和展示由JSON数组封装的数据。 在描述中提到的“增加删除查询”的简单例子,意味着这个例子可能包含了一些基本的CRUD(Create、...

    MFC使用json11解析JSON

    而JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,常用于Web服务与客户端之间的数据传输。在本项目中,我们关注的是如何在MFC应用中使用json11库来解析和操作JSON数据。 json11是一个小型且易于...

    Android JSON数据的封装及解析

    在Android开发中,JSON(JavaScript Object Notation)是一种常用的数据交换格式,因其轻量级、易读易写的特点,被广泛应用于服务器与客户端之间的数据通信。本教程将深入讲解如何在Android中对JSON数据进行封装和...

    JsonRpc.rar_C++ jsonrpc_JSON_JsonRpc.rar_json-rpc _用jsonrpc封装

    JSON-RPC是一种轻量级的远程过程调用(RPC)协议,它使用JSON(JavaScript Object Notation)作为数据交换格式。在C++中实现JSON-RPC可以为软件开发带来诸多便利,例如跨语言通信、简化接口设计等。你提供的"JsonRpc...

Global site tag (gtag.js) - Google Analytics