`

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数组,使用的时候只需要 创建对象 并赋值 然后调用内部参数即可,源码中有示例。因为删除操作...

    JavaScript-初识ajax、ajax封装、及json简单实战案例(下).pdf

    JavaScript-初识ajax、ajax封装、及json简单实战案例(下)

    JSON:javaWeb后台JSON的封装包---源码

    由于 JSON 天生是为 JavaScript 准备的,因此,JSON 的数据格式非常简单,您可以用 JSON 传输一个简单的 String,Number,Boolean,也可以传输一个数组,或者一个复杂的 Object 对象。 String,Number 和 Boolean ...

    JSON:javaWeb后台JSON的封装包--源码实例

    由于 JSON 天生是为 JavaScript 准备的,因此,JSON 的数据格式非常简单,您可以用 JSON 传输一个简单的 String,Number,Boolean,也可以传输一个数组,或者一个复杂的 Object 对象。 String,Number 和 Boolean ...

    使用Java在服务器端生成JSON代码

    由于Ajax技术目前的流行使用,我客户端代码的JS的面向对象代码使用中,很多框架大量使用JSON来书写。在实际开发中,除了在服务器返回XML字符流以外,我们可以在服务器端动态的生成JSON代码,这样可以更好的封装...

    json2.js资源

    将前台数据封装为json必不可少的js.

    2018城市city.js插件 json格式

    这是18年最新的城市city.js插件,json封装格式直接调用就可以,省/直辖市、城市、区县精确到乡村等、包括新的区县等,功能有经纬,城市名,城市id,城市拼音,也可以放在网上json在线工具格式查看结构清晰明了,调用...

    js 解析 json 生成树

    都已经封装好了,只需要在test.html里面传递JSON的格式数据就可以了,节点动态生成。

    封装后的C++读取json库

    封装后的C++读取json库,以及安全的字段... JSON采用完全独立于语言的文本格式,但是也使用了类似于C语言家族的习惯(包括C, C++, C#, Java, JavaScript, Perl, Python等)。 这些特性使JSON成为理想的数据交换语言。

    俄罗斯方块(JSON封装)

    用html5和js写的俄罗斯方块,可以在网页和手机上玩,使用了百分比布局。第一次写游戏,多多指教

    Javascript 详解封装from表单数据为json串进行ajax提交

    json封装代码 function getFormJson(frm) { //frm:form表单的id var o = {}; var a = $("#"+frm).serializeArray(); $.each(a, function() { if (o[this.name] !== undefined) { if (!o[this.name].push) { ...

    JSON-js-master.zip

    前段json框架,用于把数据封装成json

    fromJson.js

    封装 获取表单数据,和反显表单数据的js方法

    php封装json通信接口详解及实例

    php创建JSON数据详解: &lt;?...//创建一个字符数组 ...封装通信接口的数据方法  1.通信数据格式标准: 0111 code 状态码(200,400)如:登录成功200,不成功400  message 提示信息(邮件格式不对

    JS使用eval解析JSON的注意事项分析

    本文较为详细的分析了JS使用eval解析JSON的注意事项。分享给大家供大家参考,具体如下: 在JS中将JSON的字符串解析成JSON数据格式,一般有两种方式: 1.一种为使用eval&#40;&#41;函数。 2. 使用Function对象来进行...

    基于Json序列化和反序列化通用的封装完整代码

     JSON:JavaScript 对象表示法(JavaScript Object Notation)。JSON 是存储和交换文本信息的语法。类似 XML。JSON 比 XML 更小、更快,更易解析。 现在开发Web应用程序 JSON 是 必不可少的。JSON 是轻量级的文本...

    JavaScript实现JSON合并操作示例【递归深度合并】

    本文实例讲述了JavaScript实现JSON合并操作。分享给大家供大家参考,具体如下: 为什么我会想到写这几行代码 在实际工作中,我们会使用许多或自主开发或第三方的工具,有些工具的配置文件相当细节,使用频率低倒也...

    自己封装的一个C2_json-易语言

    分享给大家使用。如果不是极为追求效率,那么可以尝试下这个~ 外面的那些感觉太麻烦了。。。 哈哈,偷个懒吧~ 下面个就是construct2游戏引擎解析json的了 感觉用起来很舒服哦~ 能用上的自取吧。。。 自己改扩展都成~

    flexigrid的json格式使用说明

    对于flexigrid的使用,各个参数的意义应该不用解释,网上资料很多。插件接收的数据格式对于刚接触的人来说是个麻烦,这是一位兄台的整理,不尽完美但会告诉你如何封装格式。

    JSON 小实例(包含所需jar包)

    技术:servlet+jsp 很简单的流程实例,看完实例,即会用。 工程可以直接导入myEclipse中运行。有一个java封装json数据 到 js、jsp解析java封装过来的json数据 流程实例。 适用于新生

Global site tag (gtag.js) - Google Analytics