用字面量对象来做列表

字面量对象是一种数据的传输格式,我们得到一组用数组包含的字面量对象,要怎么运用到动态创建中来呢?比如给我一个字面量对象:做一个显示在线人数的程序,像现在的游戏啊,聊天软件啊,都可以显示在线人数的。

它的主题部分为:

这么多用户,我们一般会用列表形式,如果写静态页面的话,那我们就接着在类名为module重再写,但这种显示人数都是随时变得,一般都会从数据库中随时拿取数据的,所以要写成动态的,其实动态步骤跟静态有相似的,我们先创建ul标签,再创建一个个li,之前我们一般都用document.createElement()这种来创建动态元素,但这儿用这种就显得麻烦了。我们应该用inner.HTML这种比较方便。下面是我自己写的程序:

大概步骤分为这几部:

1:先创建ul标签。

2:我建了个空数组,这里有些人觉得没必要建数组,直接字符串拼接好了,但是字符存有个特点是不可变性,所以直接拿字符存来做效率很低,最好先放在数组中,最后再转成字符串。

3:循环这个放字面量对象的数组,把每个字面量对象放在一个li标签然后再赋值给一个变量,这里面注意的是格式上面那种格式比较方便,因为标签里有双引号了,所有标签外面用了单引号,一个单引号里一个标签,输完第一个直接回车,它自己会在下一行生成单引号和加号,你只要把标签复制进去就可以了,一直循环下去,然后把每个被赋值li标签的变量添加到空数组中。

4:最后把数组装成字符串再赋值给ul就可以了

时间: 2024-10-12 03:46:41

用字面量对象来做列表的相关文章

JSON运用——PHP中使用json数据格式定义字面量对象的方法

目前,在PHP中是不支持字面量命名法. 前端的小伙伴都知道,在JS中用字面量定义一个对象的方法可以如下: var o = { 'name' : 'Tom' , 'url' : 'www.baidu.com' }; alert(o.name); 但在PHP中这么定义对象: $o = { "name" : "Tom", "url" : "www.baidu.com" }; 则会报错 Parse error: syntax erro

js学习日记-对象字面量

对象字面量语法 var person={ name:'小王', age:18, _pri:233 } 1.采用对象字面量方法创建的对象,不能采用var wang=new person()这样的方式来调用,要访问对象中的方法,直接使用person.xxx的形式 2.最后一个成员结尾不要用逗号,不然在某些浏览器中会抛出错误 对象成员配置 对象申明后,会默认为内部的每个成员(属性或方法)生成一些隐藏属性,这些隐藏属性是可以读取和可配置的: Object.getOwnPropertyDescriptor

js对象字面量

js对象字面量 对象字面量的输出方式以及定义好处 1.对象字面量的输出方式有两种:传统的‘.’,以及数组方式,只不过用数组方式输出时,方括号里面要用引号括起来,如 var box = { name:’abc’; age:28 }; alert(box[‘name’]); 给对象定义方法, A:如果用传统定义对象的方式,就需要先定义方法,然后再把这个方法名赋值给对象的一个属性,如果要调用这个方法不加括号,就是返回方法代码:如果要调用这个方法该对象属性后面加上括号,就得到方法的返回值 functio

JavaScript对象字面量

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <script type="text/javascript

js 对象字面量

对象字面量的输出方式以及定义好处 1.对象字面量的输出方式有两种:传统的'.' 例如:box.name 以及数组方式,只不过用数组方式输出时,方括号里面要用引号括起来 例如:box['name'] var box = { name:'abc'; age:28 }; alert(box['name']); var literal = { add: function(){ alert("add"); }, del: function(){ alert("delete")

&lt;&lt;Javascript Patterns&gt;&gt;阅读笔记 – 第3章 字面量和构造函数

对象字面量 首先给出对象字面量的定义语法: 1. 将对象定义在一对括号中(左大括号“{”和右大括号”}”) 2. 对象中以逗号分隔属性和方法. 每个属性或方法以key-value的形式出现, key和value之间以冒号分割. 3. 当给变量赋值时, 不要忘记或大括号后面的分号 空对象 var obj = {}; 这样就定义了一个空的对象, 但它并非什么也没有, 至少它具有从Object.prototype中继承下来的属性和方法. 来自构造函数的对象 语法: // 反模式, 不推荐这么用 Var

字面量创建对象

先用 var +对象名+=和一对花括号创建对象 先创建对象,再创建对象属性或方法.对象和属性之间使用(.)运算符,属性和属性值之间用(=)相连. 创建方法,并将函数赋值给方法名,函数包含函数体. window.onload=function (ev) { // 调用对象 person.eat(); } var person={};//字面量创建对象 // 设置字面量对象属性 person.name='huangshiren'; person.age=58; person.appetite=3;

js对象字面量属性间相互访问的问题 和 这个问题与执行环境的关系

对象字面量属性间无法相互访问的问题: 我曾经在定义一个对象时, 并出于复用性的考虑试图复用某些属性: // test 1 var person = { firstName : "Bill", lastName : "Gates", fullName : firstName + " " + lastName // 这里报错 } alert(person.firstName); alert(person.lastName); alert(person

Javascript——对象字面量常用写法以及规则

对象字面量 对象字面值是封闭在花括号对({})中的一个对象的零个或多个"属性名-值"对的(元素)列表.你不能在一条语句的开头就使用对象字面值,这将导致错误或产生超出预料的行为, 因为此时左花括号({)会被认为是一个语句块的起始符号. 以下是一个对象字面值的例子.对象car的第一个元素(译注:即一个属性/值对)定义了属性myCar:第二个元素,属性getCar,引用了一个函数(即CarTypes("Honda")):第三个元素,属性special,使用了一个已有的变量