码迷,mamicode.com
首页 > 其他好文 > 详细

我的第一个chrome扩展(2)——基本知识

时间:2015-05-18 22:46:14      阅读:209      评论:0      收藏:0      [点我收藏+]

标签:

1.manifest介绍界面:json格式

json:JavaScript Object Notation

包括两种结构:

key:value对:{{"A1":"value1","A2":"value2","A3":"value3"},{…},{…}}

值的有序集合 {"books":["book1","book2","book3"]}

value类型:字符串,数字,对象,数组,bool类型和null中的一种

json格式的数据可嵌套

2.DOM:document object model

分为核心DOM,XML DOM和HTML DOM

HTML DOM的树状结构图:技术分享

每个文件有一个根元素<html>

每个根元素有两个子元素<head><body>

标签必须成对出现或者是自闭标签,嵌套关系必须明确

标签可以包含一些属性或者子节点,子节点可以是元素也可以是文本,如:

<img src="images/dog.png" />
<div>Hello World!</div>

<input type="text" id="stu_name" value="Billy" />

上面的input有type,id和value三个属性

type="text"表示是文本输出框

id="stu_name"表明给这个元素分配了一个名为stu_name的id

value="Billy"表示输入框的默认值为Billy

 

不同元素往往拥有不同的属性名,比如对于img元素,通常会包含src属性以指定所显示图片的地址,而input元素往往会包含type属性来描述输入框的类型。

 

我的第一个chrome扩展(2)——基本知识

标签:

原文地址:http://www.cnblogs.com/giddens/p/4513120.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!