今天给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. Bugtags奉命解救宝贵的双手，务必将此文章转给你身边的程序猿

    移动应用 Bug 快速反馈神器 前段时间,有很多 APP 突然走红,最终却都是樱花一现.作为一个创业团队,突然爆红是非常难得的机会.但是很可惜,由于没有经过充分的测试,再加上用户的激增,APP 闪退. ...

  2. Java生成XML文件

    我们在数据库中的数据可以将其提取出来生成XML文件,方便传输.例如数据库中有Admin这张表: 我们写一个java类表示admin数据: package xmlDom.vo; import java. ...

  3. 那些年蹚过的坑(c++)

    1 main中的参数 尽量用英文双引号括起来,否则可能会出现字符串截断的情况(linux gcc 4.4 不加英文引号的话,遇到英文;会丢弃;后面的部分) 2 包含ipv6地址结构体(in6_addr ...

  4. 同时闪烁多个要素代码（ArcEngine）

    /// <summary> /// 根据查询条件构造/// </summary> /// <param name="where">查询条件< ...

  5. Tomcat服务相关

    1. 将Tomcat安装成服务. 找到bin\service.bat文件,往cmd命令行窗口一拉,如果只提示service /remove [../..]那就是Tomcat和java的路径配置没问题. ...

  6. 使用delphi+intraweb进行微信开发2—intraweb以.net方式发布（以asp.net mvc4模式部署）在IIS（.net虚拟主机）上

    在第一讲使用delphi+intraweb进行微信开发1--微信平台接入中我们编写了一个简单的微信接口程序,这个程序我是用Stand Alone Server / Service 方式编译的程序,并且 ...

  7. 如何为datagridview加上序号

    最简单的方法是在Datagridview的事件RowPostPaint事件下面添加如下代码即可 private void dataGridView1_RowPostPaint(object sende ...

  8. MySQL的数据库，数据表，数据的操作

    数据库简介 概念 什么是数据库?简单来说,数据库就是存储数据的"仓库", 但是,光有数据还不行,还要管理数据的工具,我们称之为数据库管理系统! 数据库系统 = 数据库管理系统 + ...

  9. AngularJS之Directive，scope，$parse

    AngularJS内幕详解之 Directive AngularJS内幕详解之 Scope AngularJS的指令(Directive) compile和link的区别及使用示例 浅谈Angular ...

  10. 轻松获取LAMP或LNMP环境编译参数

    查看web服务的编译参数 1. 查看nginx的编译参数: /apps/nginx/sbin/nginx -V 范例: [root@VM- ~]# /apps/nginx/sbin/nginx -V ...