html、javascript 学习小记
2013-07-27 15:58
176 查看
最近对html进行了了解学习，对学习的知识做一下小结。
1. 说到html就不得不扯上css、javascript，甚至还会有jquery。有人这样说他们之间的关系的：
HTML是由多种骨头(标签)组成的骨架。
HTML5是更多的新骨头(标签),同时去掉了以前觉得不好用的骨头.
CSS是皮肤。CSS3是更美的皮肤
JS控制单个动作。(抬手,张嘴,放下手,抬腿,转头,握拳等)
jQuery是把一组常用动作编排成了一个招式。
2. 那么我们就从html的全局说起，
<HTML></HTML>在文档的最外层，它表示该文档是以超文本标识语言（HTML）编写的。
<HEAD></HEAD>是HTML文档的头部标签, 在浏览器窗口中显示。在此标签中可以插入其它标记, 用以说明文件的标题和整个文件的一些公共属性。
<title>和</title>是嵌套在<HEAD>头部标签中的，标签之间的文本是文档标题
<BODY> </BODY>标签之间的文本是正文，是在浏览器要显示的页面内容
2.1学习html少不了熟知html的标签，每类的标签的属性又会有不同，格式为：<标签名字 属性1 属性2 属性 3 … >内容</标签名字>
例如：<font color="#ff00ff" face="宋体" size="30">字体设置</font>
作为一般的原则，大多数属性值不用加双引号。但是包括空格、％号，＃号等特殊字符的属性值必须加入双引号。为了好的习惯，提倡全部对属性值加双引号。
2.2接下来就是框架、布局了：一个网页的布局是决定了该网页的内容、外观等众多方面。
以往非常主流的布局方式就是用table布局，但是现在用的比较多的是div+css的布局方式，几乎有一种想一统江湖的趋势。
DIV与TABLE本身并不存在什么优缺点，所谓web标准只是推荐的是正确的使用标签，好比说:DIV用于布局，而TABLE则本来就是转二维数据的。让TABLE做该做的事，并
不是说页面里不出现TABLE就是多么多么牛。
而现在我认为DIV +CSS并不是字面上的含义那么简单，而有两重内在含义：
（1）、结构与表现分离，用DIV完成结构，用CSS控制表现，这样带来的好处非常多，DIV精简了页面，提高了灵活性。而精通CSS的设计师能避免DIV的重复嵌套，
从而大大提高页面加载速度，以及站点的可以维护性。
（2）、选用DIV 来配合CSS的原因，CSS 的核心是 “盒子模型”，而没有哪个标签能比DIV更好的诠释“盒子模型”的精髓，TABLE的结构过于复杂，并不能很好的做到这
一点，虽然TABLE+CSS也是一种选择，但别忘了DIV还有另外一个优势，浮动层叠，而且用TABLE进行布局的网站是不能通过W3C验证的。
3. javascript方面：
JavaScript 是一种脚本语言，提供用户交互，动态更改内容，数据验证。
可以通过<SCRIPT> 标签将语句嵌入文档或者将 JavaScript 源文件链接到 HTML 文档中将
JavaScript 语句插入 HTML
文档。
javascript的要点整理如下：
JavaScript
中声明变量：var
变量名
“+”可以用于两个数相加，还可以用于连接字符串
parseInt()
和 parseFloat()
函数将字符串分别转换为整型和小数
运算符号分为算术运算符、比较运算符、逻辑运算符
条件语句分为if语句，if-else语句、if的嵌套
多分支语句switch根据表达式的值，进入不同的分支执行
Array对象常用的属性是length，排序方法：sort
循环语句分为：for
循环、while循环、do-while循环
Eval( )函数可以计算某个计算表达式的值，
isNaN( )函数可用于判断是否是一个数字
String对象的indexOf( )方法用于查找子字符串
Math对象的random( )方法可以产生0－1的随机数
Date对象有setxxx( )方法用于设置日期和时间，getxxx( )方法用于获得日期和时间
JavaScript
程序是事件驱动程序
onFocus获得焦点事件，表示获得鼠标光标，onBlur失去焦点事件，刚好与之相反
浏览器对象是一个分层次的结构，window是顶层的根对象
打开窗口使用window对象的open( )方法
设置定时器，使用window对象的setTimeout( )方法
location对象的back( )和forward( )方法等同于前进、后退按钮
OnBlur、onChange
和OnFocus
是一些与表单对象相关的事件处理程序
在浏览器窗口中，如果文本框获得焦点，则会调用onFocus
事件处理程序
当对象失去焦点或光标退出对象时，将执行onBlur
事件处理程序
当修改文本框内容或改写下拉列表框的选项时，则会调用onChange
事件处理程序
JavaScript的主要功能之一是用于表单验证
1. 说到html就不得不扯上css、javascript，甚至还会有jquery。有人这样说他们之间的关系的：
HTML是由多种骨头(标签)组成的骨架。
HTML5是更多的新骨头(标签),同时去掉了以前觉得不好用的骨头.
CSS是皮肤。CSS3是更美的皮肤
JS控制单个动作。(抬手,张嘴,放下手,抬腿,转头,握拳等)
jQuery是把一组常用动作编排成了一个招式。
2. 那么我们就从html的全局说起，
<HTML></HTML>在文档的最外层，它表示该文档是以超文本标识语言（HTML）编写的。
<HEAD></HEAD>是HTML文档的头部标签, 在浏览器窗口中显示。在此标签中可以插入其它标记, 用以说明文件的标题和整个文件的一些公共属性。
<title>和</title>是嵌套在<HEAD>头部标签中的，标签之间的文本是文档标题
<BODY> </BODY>标签之间的文本是正文，是在浏览器要显示的页面内容
2.1学习html少不了熟知html的标签，每类的标签的属性又会有不同，格式为：<标签名字 属性1 属性2 属性 3 … >内容</标签名字>
例如：<font color="#ff00ff" face="宋体" size="30">字体设置</font>
作为一般的原则，大多数属性值不用加双引号。但是包括空格、％号，＃号等特殊字符的属性值必须加入双引号。为了好的习惯，提倡全部对属性值加双引号。
2.2接下来就是框架、布局了：一个网页的布局是决定了该网页的内容、外观等众多方面。
以往非常主流的布局方式就是用table布局，但是现在用的比较多的是div+css的布局方式，几乎有一种想一统江湖的趋势。
DIV与TABLE本身并不存在什么优缺点，所谓web标准只是推荐的是正确的使用标签，好比说:DIV用于布局，而TABLE则本来就是转二维数据的。让TABLE做该做的事，并
不是说页面里不出现TABLE就是多么多么牛。
而现在我认为DIV +CSS并不是字面上的含义那么简单，而有两重内在含义：
（1）、结构与表现分离，用DIV完成结构，用CSS控制表现，这样带来的好处非常多，DIV精简了页面，提高了灵活性。而精通CSS的设计师能避免DIV的重复嵌套，
从而大大提高页面加载速度，以及站点的可以维护性。
（2）、选用DIV 来配合CSS的原因，CSS 的核心是 “盒子模型”，而没有哪个标签能比DIV更好的诠释“盒子模型”的精髓，TABLE的结构过于复杂，并不能很好的做到这
一点，虽然TABLE+CSS也是一种选择，但别忘了DIV还有另外一个优势，浮动层叠，而且用TABLE进行布局的网站是不能通过W3C验证的。
3. javascript方面：
JavaScript 是一种脚本语言，提供用户交互，动态更改内容，数据验证。
可以通过<SCRIPT> 标签将语句嵌入文档或者将 JavaScript 源文件链接到 HTML 文档中将
JavaScript 语句插入 HTML
文档。
javascript的要点整理如下：
JavaScript
中声明变量：var
变量名
“+”可以用于两个数相加，还可以用于连接字符串
parseInt()
和 parseFloat()
函数将字符串分别转换为整型和小数
运算符号分为算术运算符、比较运算符、逻辑运算符
条件语句分为if语句，if-else语句、if的嵌套
多分支语句switch根据表达式的值，进入不同的分支执行
Array对象常用的属性是length，排序方法：sort
循环语句分为：for
循环、while循环、do-while循环
Eval( )函数可以计算某个计算表达式的值，
isNaN( )函数可用于判断是否是一个数字
String对象的indexOf( )方法用于查找子字符串
Math对象的random( )方法可以产生0－1的随机数
Date对象有setxxx( )方法用于设置日期和时间，getxxx( )方法用于获得日期和时间
JavaScript
程序是事件驱动程序
onFocus获得焦点事件，表示获得鼠标光标，onBlur失去焦点事件，刚好与之相反
浏览器对象是一个分层次的结构，window是顶层的根对象
打开窗口使用window对象的open( )方法
设置定时器，使用window对象的setTimeout( )方法
location对象的back( )和forward( )方法等同于前进、后退按钮
OnBlur、onChange
和OnFocus
是一些与表单对象相关的事件处理程序
在浏览器窗口中，如果文本框获得焦点，则会调用onFocus
事件处理程序
当对象失去焦点或光标退出对象时，将执行onBlur
事件处理程序
当修改文本框内容或改写下拉列表框的选项时，则会调用onChange
事件处理程序
JavaScript的主要功能之一是用于表单验证
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 前端资讯周报 3.6 - 3.12: 对学习Javascript最有帮助的三本书，以及HTML标题的迷思
- 学习总结HTML CSS JAVASCRIPT，对三剑客的一些理解
- js学习小结（四）2014.4.21(在HTML中使用Javascript)
- [转] 学习HTML/JavaScript/PHP 三者的关系以及各自的作用
- HTML学习小记
- JavaScript 学习note （ECMAScript DOM HTML）
- web前端学习之HTML CSS/javascript之一
- 韩顺平_轻松搞定网页设计(html+css+javascript)_ 第18讲_js课程介绍_js基本介绍_学习笔记_源代码图解_PPT文档整理
- JavaScript由入门到精通（二）——学习JavaScript的基石Html(二)
- 张孝祥JavaScript学习阶段性总结(2)--(X)HTML学习
- HTML学习笔记——标准网页设计+使用CSS、Javascript
- Javascript学习笔记2——在html中使用js
- HTML学习记录<八> ：嵌入JavaScript的位置
- javascript学习笔记（九）：DOM操作HTML的各种方法使用
- HTML5+CSS3 学习小记
- 轻松学习JavaScript十九：DOM编程学习之在HTML文档什么位置编写JS代码
- html和javascript的学习记录（2）——引用单独的javascript脚本、读取另外的html文件
- JavaScript数据类型和变量学习小记
- HTML、CSS、JavaScript三者有何区别及学习建议
- 关于对HTML CSS Javascript 的学习总结