项目总结—从零开始（3）

一直对css不是很熟，可发现写页面的时候，css还是很重要的，所以以后要多积累，多学习：

1.<div> 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是 <div> 固有的唯一格式表现。可以通过 <div> 的 class 或 id 应用额外的样式

<div> 是一个块级元素，也就是说，浏览器通常会在 div 元素前后放置一个换行符。

提示：请使用 <div> 元素来组合块级元素，这样就可以使用样式对它们进行格式化。

div、h1 或 p 元素常常被称为块级元素。这意味着这些元素显示为一块内容，即“块框”。与之相反，span 和 strong 等元素称为“行内元素”，这是因为它们的内容显示在行中，即“行内框”。

2.今天写页面时<span style='width: 40%' >文字</span>发现这样根本改变不了span的大小,必须在style中加入display: inline-block;才能改变span的大小，默认情况下display的值是inline，表示此元素会被显示为内联元素，元素前后没有换行符。还有一个block值，它代表：此元素将显示为块级元素，此元素前后会带有换行符。

3.
当一个页面是如下：<frameset cols="172,5,*" id="frm_under" framespacing="0" border="0" frameborder="0">
      <frame id="frame_nav" name="frame_nav" src="customer/cusGroupNav.jsp" frameborder="0" scrolling="no" title="leftFrame" noresize="noresize"/>
      <frame id="clsopenH" scrolling="no" noresize src="main/clsopen_horizontally.htm"/>
      <frame id="frame_page" name="frame_page" src="" frameborder="0" scrolling="yes" title="rightFrame" noresize="noresize"/>
  </frameset>

当在一个 <frame 的页面中，想得到另一个 <frame 中的一个元素或者一个id,可以如下：

parent.frames["frame_nav"].$("div[name='menuNodes']").attr("class", "styleOnSelected");或者如下：

 parent.document.getElementById("frame_page").src = url;

4.json学习（项目中很多地方用到这个，一直不是很明白，今晚好好学学，做个总结：

JSON：JavaScript 对象表示法（JavaScriptObjectNotation）。

JSON 是存储和交换文本信息的语法，也 是轻量级的文本数据交换格式。类似 XML。

JSON 比 XML 更小、更快，更易解析， JSON 使用 JavaScript 语法来描述数据对象，但是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON 库支持许多不同的编程语言。

4.1.json与xml相同之处：

• JSON 是纯文本
• JSON 具有“自我描述性”（人类可读）
• JSON 具有层级结构（值中存在值）
• JSON 可通过 JavaScript 进行解析
• JSON 数据可使用 AJAX 进行传输

与xml不同之处：

• 没有结束标签
• 更短
• 读写的速度更快
• 能够使用内建的 JavaScript eval() 方法进行解析
• 使用数组
• 不使用保留字

4.2.JSON 语法规则

JSON 语法是 JavaScript 对象表示法语法的子集。

• 数据在名称/值对中
• 数据由逗号分隔
• 花括号保存对象
• 方括号保存数组

例如;JSON 数据的书写格式是：名称/值对   

"firstName" : "John"

JSON 值可以是：

• 数字（整数或浮点数）
• 字符串（在双引号中）
• 逻辑值（true 或 false）
• 数组（在方括号中）
• 对象（在花括号中）
• null

JSON 对象:

{ "firstName":"John" , "lastName":"Doe" }
JSON 数组:{"employees": [{ "firstName":"John" , "lastName":"Doe" },{ "firstName":"Anna" , "lastName":"Smith" },{ "firstName":"Peter" , "lastName":"Jones" }]}

因为 JSON 使用 JavaScript 语法，所以无需额外的软件就能处理 JavaScript 中的 JSON。

通过 JavaScript，您可以创建一个对象数组，并像这样进行赋值：

var employees = [{ "firstName":"Bill" , "lastName":"Gates" },{ "firstName":"George" , "lastName":"Bush" },{ "firstName":"Thomas" , "lastName": "Carter" }]; 创建包含 JSON 语法的 JavaScript 字符串： 
var txt = '{ "employees" : [' +'{ "firstName":"Bill" , "lastName":"Gates" },' +'{ "firstName":"George" , "lastName":"Bush" },' +'{ "firstName":"Thomas" , "lastName":"Carter" } ]}'
一直对css不是很熟，可发现写页面的时候，css还是很重要的，所以以后要多积累，多学习：
1.<div> 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是 <div> 固有的唯一格式表现。可以通过 <div> 的 class 或 id 应用额外的样式
<div> 是一个块级元素，也就是说，浏览器通常会在 div 元素前后放置一个换行符。
提示：请使用 <div> 元素来组合块级元素，这样就可以使用样式对它们进行格式化。
div、h1 或 p 元素常常被称为块级元素。这意味着这些元素显示为一块内容，即“块框”。与之相反，span 和 strong 等元素称为“行内元素”，这是因为它们的内容显示在行中，即“行内框”。
2.今天写页面时<span style='width: 40%' >文字</span>发现这样根本改变不了span的大小,必须在style中加入display: inline-block;才能改变span的大小，默认情况下display的值是inline，表示此元素会被显示为内联元素，元素前后没有换行符。还有一个block值，它代表：此元素将显示为块级元素，此元素前后会带有换行符。
3.当一个页面是如下：<frameset cols="172,5,*" id="frm_under" framespacing="0" border="0" frameborder="0">      <frame id="frame_nav" name="frame_nav" src="customer/cusGroupNav.jsp" frameborder="0" scrolling="no" title="leftFrame" noresize="noresize"/>      <frame id="clsopenH" scrolling="no" noresize src="main/clsopen_horizontally.htm"/>      <frame id="frame_page" name="frame_page" src="" frameborder="0" scrolling="yes" title="rightFrame" noresize="noresize"/>  </frameset>
当在一个 <frame 的页面中，想得到另一个 <frame 中的一个元素或者一个id,可以如下：
parent.frames["frame_nav"].$("div[name='menuNodes']").attr("class", "styleOnSelected");或者如下：
 parent.document.getElementById("frame_page").src = url;
4.json学习（项目中很多地方用到这个，一直不是很明白，今晚好好学学，做个总结：
JSON：JavaScript 对象表示法（JavaScript Object Notation）。
JSON 是存储和交换文本信息的语法，也 是轻量级的文本数据交换格式。类似 XML。
JSON 比 XML 更小、更快，更易解析， JSON 使用 JavaScript 语法来描述数据对象，但是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON 库支持许多不同的编程语言。
4.1.json与xml相同之处：
JSON 是纯文本
JSON 具有“自我描述性”（人类可读）
JSON 具有层级结构（值中存在值）
JSON 可通过 JavaScript 进行解析
JSON 数据可使用 AJAX 进行传输
与xml不同之处：
没有结束标签
更短
读写的速度更快
能够使用内建的 JavaScript eval() 方法进行解析
使用数组
不使用保留字
4.2.JSON 语法规则
JSON 语法是 JavaScript 对象表示法语法的子集。
数据在名称/值对中
数据由逗号分隔
花括号保存对象
方括号保存数组
例如;JSON 数据的书写格式是：名称/值对    
"firstName" : "John"

JSON 值可以是：
数字（整数或浮点数）
字符串（在双引号中）
逻辑值（true 或 false）
数组（在方括号中）
对象（在花括号中）
null
JSON 对象:
{ "firstName":"John" , "lastName":"Doe" }
JSON 数组:{"employees": [{ "firstName":"John" , "lastName":"Doe" },{ "firstName":"Anna" , "lastName":"Smith" },{ "firstName":"Peter" , "lastName":"Jones" }]}
因为 JSON 使用 JavaScript 语法，所以无需额外的软件就能处理 JavaScript 中的 JSON。
通过 JavaScript，您可以创建一个对象数组，并像这样进行赋值：
var employees = [{ "firstName":"Bill" , "lastName":"Gates" },{ "firstName":"George" , "lastName":"Bush" },{ "firstName":"Thomas" , "lastName": "Carter" }]; 创建包含 JSON 语法的 JavaScript 字符串： 
var txt = '{ "employees" : [' +'{ "firstName":"Bill" , "lastName":"Gates" },' +'{ "firstName":"George" , "lastName":"Bush" },' +'{ "firstName":"Thomas" , "lastName":"Carter" } ]}';
由于 JSON 语法是 JavaScript 语法的子集，JavaScript 函数 eval() 可用于将 JSON 文本转换为 JavaScript 对象。
eval() 函数使用的是 JavaScript 编译器，可解析 JSON 文本，然后生成 JavaScript 对象。必须把文本包围在括号中，这样才能避免语法错误：
 
var obj = eval ("(" + txt + ")");