今天给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. Windows 驱动程序工具包中的头文件

    MSDN原文:https://msdn.microsoft.com/zh-cn/library/windows/hardware/ff554695(v=vs.85).aspx Windows 驱动程序 ...

  2. [DFNews] Blackbag发布MacQuisition 2013 R2

    New in MacQuisition 2013 R2: Improved FileVault 2 Detection - Automatically detect the presence of a ...

  3. PlayerPrefs游戏存档

    本地存储.相当于Flash里面的SharedObject. Android位置:机器自身存储的(非扩展卡)/data/data/appname/shared_prefs/{AppName}.xml,如 ...

  4. AE IRasterCursor 改变栅格图层像素值

    1 public void ChangePixelValue(double xMax, double xMin, double yMax, double yMin,double[,] PixelCha ...

  5. python 实现树结构的打印

    class TreeNode: def __init__(self,value): self.children = [] self.value = value def add_child(self,* ...

  6. 新增资产时YTD折旧与累计折旧录入错误如何处理

    如新增资产时YTD折旧与累计折旧录入错误,但资产已入账处理,如何处理: 1.需要先报废资产: 2.需要在总账手工帐冲销未冲抵凭证: 3.重新增加资产,录入资产时YTD折旧及累计折旧金额应为0.  

  7. 【整理】动态加载Web Services

    WebClient client = new WebClient(); String url = "http://localhost/MESAPIWebService/MESAPI.asmx ...

  8. mongoDB数据库

    1.mongoDB简介:mongoDB 为非关系数据库,集合(collection)关系数据库中的表,中存储的为json结构的文档,集合中的每一条记录都可以结构不同, 但必须都有_id字段(mongo ...

  9. Valgrind 发现程序的内存问题

    参考 : [1]. 应用 Valgrind 发现 Linux 程序的内存问题. http://www.ibm.com/developerworks/cn/linux/l-cn-valgrind/ [2 ...

  10. Mutex

    #include "stdafx.h" #include <string> #include <iostream> #include <Windows ...