今天给html标签的属性赋值为对象时，发现取出来的值为 [object,Object]，感觉有点奇怪。

代码如下：

 <!DOCTYPE html>
 <html>
     <head>
         <meta charset="UTF-8">
         <title>[object Object]</title>
         <script type="text/javascript" src="../../trd/jquery/jquery-1.9.1.min.js"></script>
         <script type="text/javascript">
             $(function(){
                 var student = {name:"小明",gender:"男"};
                 $("#txt").attr("rowData",student);//给id为txt的标签添加rowData属性，值为student对象

                 console.log($("#txt").attr("rowData"));//控制台输出为：[object Object]
                 alert($("#txt").attr("rowData"));//弹出框中信息为：[object Object]
             });
         </script>
     </head>
     <body>
         <input type="text" name="txt" id="txt"/>
     </body>
 </html>

那怎样可以取到对象的值呢？我的做法是赋值的时候，先用JSON.stringify方法将student对象转换为json字符串。

代码如下：

 <!DOCTYPE html>
 <html>
     <head>
         <meta charset="UTF-8">
         <title>[object Object]</title>
         <script type="text/javascript" src="../../trd/jquery/jquery-1.9.1.min.js"></script>
         <script type="text/javascript">
             $(function(){
                 var student = {name:"小明",gender:"男"};
                 $("#txt").attr("rowData",JSON.stringify(student));//给id为txt的标签添加rowData属性，值为student对象

                 console.log($("#txt").attr("rowData"));//控制台输出为：{"name":"小明","gender":"男"}
                 alert($("#txt").attr("rowData"));//弹出框中信息为：{"name":"小明","gender":"男"}
             });
         </script>
     </head>
     <body>
         <input type="text" name="txt" id="txt"/>
     </body>
 </html>

但是我还有一个疑问就是：为什么alert(object)输出值为 [object,Object]，如果看到这篇文章的博友知道答案，还望不吝赐教。

javascript [object,Object]的更多相关文章

  1. Javascript判断object还是list/array的类型（包含javascript的数据类型研究）

    前提:先研究javascript中的变量有几种,参考: http://www.w3school.com.cn/js/js_datatypes.asp http://glzaction.iteye.co ...

  2. javascript ES5 Object对象

    原文:http://javascript.ruanyifeng.com/stdlib/object.html 目录 概述 Object对象的方法 Object() Object.keys(),Obje ...

  3. JavaScript之Object

    两种简单的JavaScript中定义对象的方式: 在JavaScript中,可以动态添加对象的属性,也可以动态删除对象的属性. var object=new object(); //alert(obj ...

  4. 【JavaScript】Object.prototype.toString.call()进行类型判断

    权声明:本文为博主原创文章,未经博主允许不得转载. op = Object.prototype, ostring = op.toString, ... function isFunction(it)  ...

  5. 从头开始学JavaScript (十一)——Object类型

    原文:从头开始学JavaScript (十一)--Object类型 一.object类型 一个object就是一系列属性的集合,一个属性包含一个名字(属性名)和一个值(属性值). object对于在应 ...

  6. JavaScript中Object的总结

    基于原型继承,动态对象扩展,闭包,JavaScript已经成为当今世界上最灵活和富有表现力的编程语言之一. 这里有一个很重要的概念需要特别指出:在JavaScript中,包括所有的函数,数组,键值对和 ...

  7. JavaScript之Object拆解

    转载烦请注明原文链接: https://github.com/Xing-Chuan/blog/blob/master/JavaScript/JavaScript%E4%B9%8BObject%E6%8 ...

  8. JavaScript对象 Object类型基础

    前言 JavaScript 对象是整个语言学习的一个难点.本文主要带大家入门学习Object知识 对象定义 javascript的基本数据类型包括undefined.null.boolean.stri ...

  9. JavaScript: 认识 Object、原型、原型链与继承。

    目录 引用类型与对象 类与对象 成员组成 成员访问 实例方法 / 属性 引用类型与对象 JavaScript 存在着两种数据类型:"基本数据类型" 与 "引用数据类型&q ...

随机推荐

  1. U-boot的目录结构及spl功能

    转 http://tieba.baidu.com/p/2836672721 对uboot-2010.06及其以后的版本,将体系结构相关的内容合并,增加include文件夹,分离出通用库文件lib,其各 ...

  2. python用迭代器方式便利目录下的文件

    from pathlib import Path pths = [pth for pth in Path.cwd().iterdir()] 如果是os.listdir()这会返回一个list,文件非常 ...

  3. 01-C#入门（函数重载、委托）

    函数的重载 相对委托,是比较好理解的. 涉及一个概念:函数签名.函数签名包括函数的名称和参数,而函数重载:就是使用相同的名称和不同的参数(参数类型.传递方式[传值或引用])来实现的.而不能声明相同的函 ...

  4. UNIX历史和标准

    1969年,bell实验室 Ken Thompson在小型机上首次实现了UNIX系统 1979年,加州伯克利分校发布了UNIX发布版--BSD, 随着AT&T不在对电信市场形成垄断,该公司被允 ...

  5. Java面向对象㈠ -- 封装

    Java的面向对象有三大特征:封装.继承.多态.这里主要对封装进行讲解. 封装可以理解为隐藏一个类的成员变量和成员函数,只对外提供需要提供的成员函数. Java的封装主要通过访问权限控制符:priva ...

  6. C++设计模式-Strategy策略模式

    Strategy策略模式作用:定义了算法家族,分别封装起来,让他们之间可以互相替换,此模式让算法的变化,不会影响到使用算法的客户. UML图: Strategy模式将逻辑(算法)封装到一个类(Cont ...

  7. android下拉框

    XML: <?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:androi ...

  8. Android自动化学习笔记：编写MonkeyRunner脚本的几种方式

    ---------------------------------------------------------------------------------------------------- ...

  9. 浅谈数位DP

    在了解数位dp之前,先来看一个问题: 例1.求a~b中不包含49的数的个数. 0 < a.b < 2*10^9 注意到n的数据范围非常大,暴力求解是不可能的,考虑dp,如果直接记录下数字, ...

  10. android 双击返回按钮退出程序。

    重写   onKeyDown()方法. @Overridepublic boolean onKeyDown(int keyCode, KeyEvent event) { if(keyCode == K ...