您的位置：360文档中心› Javascript知识点汇总(供参考)

Javascript知识点汇总(供参考)

Javascript知识点汇总(供参考)
Javascript知识点汇总(供参考)

文档从互联网中收集，已重新修正排版，word 格式支持编辑，如有帮助欢迎下载支持。
HTML 概要知识点梳理 .................................................................................................................. 2 1、了解 HTML 的概念 ........................................................................................................... 2 2、熟练掌握 HTML 的文档结构。 ....................................................................................... 2 3、标签的分类..........................................................................................错误!未定义书签。 块记标签： ...................................................................................... 错误!未定义书签。 行级标签：....................................................................................................................... 2 掌握灵活运用实际开发中常用的 4 中布局结构：............................................................... 3 注意编写习惯：....................................................................................................................... 3 超链接的应用：....................................................................................................................... 3 表单的应用：........................................................................................................................... 3 下拉列表框：................................................................................................................... 4 多行文本框....................................................................................................................... 4 只读和禁用属性............................................................................................................... 5 隐藏域：......................................................................................................................... 5
Css 样式表........................................................................................................................................ 5 常用样式设置总结................................................................................................................... 5 超链接伪类样式........................................................................................错误!未定义书签。 各类样式的优先级................................................................................................................... 5
Javascript 知识点汇总...................................................................................................................... 6 一、 JavaScript 理论知识点的理解： ................................................................................... 6 1、 JavaScript 定义 ......................................................................................................... 6 2、 JavaScript 组成。 ..................................................................................................... 6 3、 JavaScript 的基本结构 ............................................................................................. 7 4、 JavaScript 的引用方式 ............................................................................................. 7 二、 JavaScript 核心语法 ....................................................................................................... 7 1、 语法约定：............................................................................................................... 7 2、 变量：....................................................................................................................... 8 3、 数据类型：............................................................................................................... 8 4、 运算符：................................................................................................................... 8 三、 JavaScript 基本应用 ....................................................................................................... 8 1、 消息框：................................................................................................................... 8 2、 数组：....................................................................................................................... 9 JavaScript 中的 for in 迭代语句： ............................................................................ 10 3、 函数：..................................................................................................................... 10 4、 事件：..................................................................................................................... 11 5、 其他注意事项：..................................................................................................... 11 四、 JavaScript 中的对象 ..................................................................................................... 12 一、 BOM 和 DOM 对象有哪些区别：（了解）........................................................ 12 二、 BOM 对象............................................................................................................. 13 Window 对象属性 ................................................................................................................. 13 window 对象常用的方法：........................................................................................... 13 三、 DOM 对象 ............................................................................................................ 14 Document 对象常用的属性 ................................................................................................... 14 Document 对象的常用方法 ........................................................................................... 14
1word 格式支持编辑，如有帮助欢迎下载支持。

文档从互联网中收集，已重新修正排版，word 格式支持编辑，如有帮助欢迎下载支持。 getElementByxx 获得元素节点..................................................................................... 14
HTML 概要知识点梳理
1、了解 HTML 的概念
HTML 是超文本标记语言，他是随着浏览器（IE 谷歌）的发展而诞生出来的 一种标记语言，是一种用来制作超文本文档的语言。（注意：他并不是一种编程语 言列如：c c++ vb.........）. 理解：所谓标记语言我们可以把它理解为一中符号标记，不同的符号有着不同效果。 超文本：包括声音，图片，影视等等。
2、熟练掌握 HTML 的文档结构。
这里需要注意的地方 若标题标签书写错误会导致文档无 法显示。（虽然浏览器现在能够自动补全代码）
3、标签的分类
块记标签：


....


      （常用与带有列表的数据或菜单）


（常用数据描述）
（标题）
（内容）
（常与大数据|表单布局场合）
(跨行列合并)


(常用与页面布局)
(绘制一条水平线 一般用于网页脚部) (用于表单数据)
(超链接 | 锚链接)
行级标签：
“提示文字” (用于改变某个单一字体的样式)
（换行）
2word 格式支持编辑，如有帮助欢迎下载支持。

文档从互联网中收集，已重新修正排版，word 格式支持编辑，如有帮助欢迎下载支持。
掌握灵活运用实际开发中常用的 4 中布局结构：
1、div-ul(ol)-li ：常用于分类导航或菜单等 2、div-dl-dt-dd ：常用于图文混编的场合 3、table-tr-td ：常用于图文布局或显示数据 4、form-table-tr-td：常用于布局表单
注意编写习惯：
1、标签名和属性名称尽量小写 （属性值具有语义化） 2、HTML 标签必须成对出现。（单标签除外） 3、属性值必须用引号括起来 （注意单引号 和 双引号 应用场合） 4、标签必须正确嵌套 5、内容 样式 功能 分离出来。
超链接的应用：
被链接的文本 | 图片 超链接
当前位置 同页面的锚链接
目标位置
当前位置
不同页面的锚链接
另一个网页的目标位置 （注意：与同一页面写格式不一样）
站长信箱 邮箱链接（需要有邮箱工具）
表单的应用：
maxlength="最大长度" />

type text password radio
功能
例子
单行文本输入(默认类型)
密码

单选（name 属性值一样）
男 女
3word 格式支持编辑，如有帮助欢迎下载支持。

checkbox reset file submit image button
文档从互联网中收集，已重新修正排版，word 格式支持编辑，如有帮助欢迎下载支持。
多选 重置表单数据
书 画

文件上传

提交表单数据(提交到 action 位置)
图形提交按钮（只有提交 功能）

普通按钮（添加加事件）
下拉列表框：
格式：
例子：
多行文本框
格式：
例子：
4word 格式支持编辑，如有帮助欢迎下载支持。

文档从互联网中收集，已重新修正排版，word 格式支持编辑，如有帮助欢迎下载支持。
只读和禁用属性
readonly：希望某个框内的内容只允许用户看，不能修改 disabled：因没达到使用的条件，限制用户使用
隐藏域：（用于不让用户看到的信息）
格式：
Css 样式表
格式：
对象选择的组合使用格式：（减少代码量） ① 标签+类 ② 标签+id ③ id+空格+类 ④ id+空格+类+逗号
常用样式设置总结
超链接伪类样式
1) a:link a:link{color:#999;} 未访问状态 2) a:visited a:visited{color:#333;} 已访问状态 3) a:hover a:hover {color:#ff7300; size = “15”} 鼠标移上状态 4) a:active a:active {color:#999;} 激活选定状态（鼠标点击未释放时）
各类样式的优先级(由低到高顺序排列)
① 浏览器默认设置 ② 外部样式表文件（经常使用） ③ 内部样式表 ④ 行内样式表（不建议使用） ⑤ 标签选择器 ⑥ 类选择器
5word 格式支持编辑，如有帮助欢迎下载支持。

文档从互联网中收集，已重新修正排版，word 格式支持编辑，如有帮助欢迎下载支持。
⑦ ID 选择器（ID 的属性唯一）
Javascript 知识点汇总
一、 JavaScript 理论知识点的理解：
1、 JavaScript 定义
JavaScript 是一种基于对象和事件驱动的、并具有安全性能的脚本语言。
注意：严格来说 JavaScript 也是面向对象的编程语言 (OOP)。OOP 语言使 我们有能力定义自己的对象和变量类型。对象只是一种特殊的数据。对象拥 有属性和方法。（javascript 高级应用）
概念分析：（理解） 这里 Javascript 与 Java 对比分析比较容易理解。 ① 首先 Java 是面向对象的编程语言，并且是由 sun 公司推出的一款强
大的编程软件。 然而 javascript 是一种基于对象的脚本语言，并 且是由网景公司(Netscape)推出的一款依附于浏览器运行的编程语 言。 ② Javascript 与 Java 语言没有关系，Netscape 公司当初只是为了提 高 Javascript 的知名度，才以 Javascript 命名，所谓大树下面好 乘凉。(javascript 是由 LIiveScript 发展而来的)。 ③ 很多时候我们对脚本的概念不是很清楚，其实是由 script 翻译成中 文就是脚本的意思。 专业性理解 javaScript 与 Java 的区别：（了解） 我们可以看到 Java 和 JavaScript 都有“Java”四个字，就以为它们是 同一样东西，连我自己当初也是这样认为的。其实它们是完完全全不同的两种东 西。Java，全称是 Java Applet，是嵌在网页中，而又有自己独立的运行窗 口的小程序。Java Applet 是预先编译好的，一个 Applet 文件（.class） 用 Notepad 打开阅读，根本不能理解。Java Applet 的功能很强大，可以访 问 http、ftp 等协议，相比之下，JavaScript 的能力就比较小了。 JavaScript 是一种“脚本”（“Script”），它直接把代码写到 HTML 文 档中，浏览器读取它们的时候才进行编译、执行，所以能查看 HTML 源文件 就能查看 JavaScript 源代码。JavaScript 没有独立的运行窗口，浏览器当前 窗口就是它的运行窗口。
2、 JavaScript 组成。
Javascript 是由三部分组成，分别是 ECMAScript DOM BOM 。
6word 格式支持编辑，如有帮助欢迎下载支持。

文档从互联网中收集，已重新修正排版，word 格式支持编辑，如有帮助欢迎下载支持。
ECMAScript：ECMA 其实是一个标准化组织，类似于 W3C 这样的组织，而 Javascript 遵循了它提供的重要标准。
作用：（描述了 Javascript 的核心语法和基本对象）
DOM:（Document Object Model）中文文档对象模型，
作用：DOM 描述了处理网页内容的方法和接口；
BOM(Browser Object Model)中文浏览器对象模型，
作用：BOM 描述了与浏览器进行交互的方法和接口。
后面会对 DOM BOM 对象进行详细的了解。
3、 JavaScript 的基本结构
基本结构： script 默认类型是 Javascript 类型，当然也可以选中指定脚本类型 type=”text/javascript”|language="javascript"两个选任意一个都可以。 注意：javascript 可以出现在 html 代码段的任何位置，一般我们把他放在 head 标签内。 另外在一个 html 文件中可以出现多个 javascript 脚本段按从上到下的顺序开始执行。
4、 JavaScript 的引用方式
行内样式： 外部样式： 内部样式： 一般我们把写好的脚本代码单独放在一个文件内，通过外部样式引用进来。
注意：外部文件引用在
language="javascript"表示使用 JavaScript 脚本语言，脚本语言还有 vbscript、 jsscript 等，如果没有 language 属性，表示默认使用 JavaScript 脚本。其中的...就是代 码的内容。例如：

javaScript重点知识总结

1、JavaScript 显示数据 JavaScript 可以通过不同的方式来输出数据： 使用window.alert()弹出警告框。 使用document.write()方法将内容写到HTML 文档中。 使用innerHTML写入到HTML 元素。 使用console.log()写入到浏览器的控制台。 实例： document.getElementById("demo").innerHTML = "段落已修改。"; document.write("

这是一个标题

");//write可以直接写入格式！ 2、JavaScript 数据类型 var length = 16; // Number 通过数字字面量赋值var points = x * 10; // Number 通过表达式字面量赋值var lastName = "Johnson"; // String 通过字符串字面量赋值var cars = ["Saab", "Volvo", "BMW"]; // Array 通过数组字面量赋值var person = {firstName:"John", lastName:"Doe"}; // Object 通过对象字面量赋值 var cars=new Array(); cars[0]="Saab"; cars[1]="Volvo"; cars[2]="BMW"; 3、JavaScript事件

HTML 事件可以是浏览器行为，也可以是用户行为。 以下是HTML 事件的实例： HTML 页面完成加载。 HTML input 字段改变时。 HTML 按钮被点击。 右图是常见的事件(前面都有on) 事件有三种写法，举onclick为例： //后面再写函数实现方式。 4、JavaScript 字符串 var carname = "Volvo XC60"; var character = carname[7]; //字符串的索引从0 开始 JavaScript本身对单引号还是双引号没有区别。一般都用双引号，两个都存在时，再考虑。

Javascript基础教程

Javascript简介 (2) Javascript简介 (2) 简单的Javascript入门示例 (4) 编写Javascript 代码 (5) 语句(Statements) (5) 语句块(Blocks) (6) 注释(Comments) (7) 表达式(Expressions) (8) 赋值和等于(Assignments and Equality) (9) Javascript常用运算符(Operators) (10) 算术运算符 (10) 逻辑运算符 (11) 赋值运算符 (12) Javascript 循环语句(Javascript Loop Statements) (12) 使用for 循环语句 (13) 使用for...in 循环语句 . (15) 使用while 和do...while 循环语句 (17) 使用break 和continue 语句 (20) Javascript写在哪里 (23) Javascript在之间 (23)

Javascript在之间 (24) Javascript放在外部文件里 (25) Javascript变量(Javascript Variables) (26) 什么是变量？ (26) 变量的声明(Declaring Variables) (26) 变量的命名规则 (27) Javascript条件语句(Javascript Conditional Statements) (27) 单项条件结构(if条件语句) (28) 双向条件结构(if...else条件语句) (29) 多项条件结构(switch条件语句) (31) Javascript保留字(Javascript Reserved Words) (32) Javascript未来保留字(Javascript Future Reserved Words) (33) Javascript简介 Javascript简介

JavaScript复习题

复习题1 一、选择题 1、写“Hello World”的正确javascript语法是 A. ("Hello World") B. "Hello World" C. ("Hello World") D. ("Hello World") 2、JS特性不包括( ) A.解释性 B.用于客户端 C.基于对象 D.面向对象 3、下列JS的判断语句中( )是正确的 (i==0)(i=0) i==0 then i=0 then 4、下列JavaScript的循环语句中( )是正确的 (i<10;i++) (i=0;i<10) i=1 to 10 (i=0;i<=10;i++) 5、下列的哪一个表达式将返回假 A.!(3<=1) B.(4>=4)&&(5<=2) C.(“a”==”a”)&&(“c”!=”d”) D.(2<3)||(3<2) 6、下列选项中,( )不是网页中的事件 7、有语句“var x=0;while(____) x+=2;”，要使while循环体执行10次，空白处的循环判定式应写为： A．x<10 B. x<=10 <20 <=20 8、JS语句 var a1=10; var a2=20; alert(“a1+a2=”+a1+a2) 将显示( )结果 +a2=30 +a2=1020+a2=a1+a2 9、将字串s中的所有字母变为小写字母的方法是( ) 、以下( )表达式产生一个0~7之间(含0,7)的随机整数. . floor()*8) 11、产生当前日期的方法是( ) (); () Date() Now() 12、如果想在网页显示后,动态地改变网页的标题( ) A.是不可能的 B.通过(“新的标题内容”) C. 通过=(“新的标题内容”) D. 通过(“新的标题内容”) 13、某网页中有一个窗体对象,其名称是mainForm,该窗体对象的第一个元素是按钮,其名称是myButton,表述该按钮对象的方法是()

《JavaScript项目式实例教程》课程标准

《JavaScript项目式实例教程》课程标准 课程编号：02104 课程类型：非核心课程、一体化课程学时：72 适用对象：软件与信息服务专业二年级学生编制者：屹峰审核者： 编制日期： 2014-07-05 一、课程的性质1、课程定位 《JavaScript项目式实例教程》课程是计算机软件与信息服务专业的一门重要的专业课，定位于WEB技术开发工作岗位。它是WEB前端技术开发的必备课程，在整个课程体系中具有重要的作用。本课程的前导课程：静态网页设计、DIV+CSS布局。后续课程：网页美工、PHP 动态网页设计、C#程序设计与应用等。 2、课程任务 《JavaScript项目式实例教程》课程课程任务是培养网页设计、网页美工以及WEB综合开发的初、中级专业人才，通过本课程的学习，学生能掌握JavaScript语言的基本编程思想，并能熟练利用JavaScript控制WEB页面各级元素，实现WEB前端的验证、动态展示等任务。 二、职业活动 通过本课程的学习，使学生形成一定的学习能力、沟通与团队的协作能力，形成良好的思考问题、分析问题和解决问题的能力，养成良好的职业素养。遵守国家关于软件与信息技术的相关法律法规，形成关键性的软件开发与应用的能力。最终成为具备较全面的软件开发与信息服务的技术人才。 该课程涉及的知识是Web应用程序或前端开发人员必备的基本技能，职业活动与课程容的对应关系如下： Web前端开发岗位职业能力教学容（理实一体化课）模块化设计思想任务模块化（第1章）程序设计基本流程判断、循环结构（第2、3章）与基本对象的交互设计事件（第4章）事件高级应用（第8章）操作浏览器窗口窗口对象（第5章）操作Document 文档对象（第6章）操作DOM DOM对象（第7章）动画基础运动基础（第9章） 三、教学目标1、职业关键能力目标 （1）掌握JavaScript语言的基本语法及常用的置函数（2）掌握事件以及事件的触发机制（3）掌握BOM对象的常用属性和方法《JavaScript项目式实例教程》课程标准 3 （4）掌握文档对象的常用属性和方法（5）掌握Cookie对象的使用方法 （6）掌握DOM的概念以及利用DOM操作文档节点的方法（7）掌握事件流和事件绑定（8）掌握利用JavaScript设计缓冲运动的原理和方法2、职业专门能力目标 （1）通过完成相关的项目，掌握JavaScript语言的语法结构。 （2）通过完成相关的项目，掌握JavaScript各种置对象的使用方法和应用情境。 （3）通过完成相关的项目，寻找发现问题途径，学会解决问题的方法3、方法能力目标形成一定的学习能力、沟通与团队的协作能力，形成良好的思考问题、分析问题和解决问题的能力，养成良好的职业素养。遵守国家关于软件与信息技术的相关法律法规，形成关键性的软件开发与应用的能力。 四、课程容1、预备知识

Bootstrap知识简单归纳

Bootstrap 响应式实用工具---目前只适用于块和表切换 Bootstrap 字形图标（Glyphicons） 什么是字形图标（Glyphicons）？ 字形图标（Glyphicons）是在Web 项目中使用的图标字体。 字形图标（Glyphicons）列表 点击这里，查看可用的字形图标（Glyphicons）列表 用法 如需使用图标，只需要简单地使用下面的代码即可。请在图标和文本之间保留适当的空间。 在线定制字形图标（Glyphicons） 点击这里，在线定制字形图标（Glyphicons）。 插入符 使用插入符表示下拉功能和方向。使用带有class caret 的 元素得到该功能。 关闭图标 使用通用的关闭图标来关闭模态框和警告框。使用class close 得到关闭图标。 快速浮动 您可以分别使用class pull-left 或pull-right 来把元素向左或向右浮动。下面的实例演示了这点。 如需对齐导航栏中的组件，请使用.navbar-left 或.navbar-right 代替。请查看Bootstrap 导航栏。 居中内容块 使用class center-block 来居中元素。

清除浮动 如需清除元素的浮动，请使用.clearfix class。 显示和隐藏内容 您可以通过使用class .show 和.hidden 来强行设置元素显示或隐藏（包括屏幕阅读器）。屏幕阅读器 您可以通过使用class .sr-only 来把元素对所有设备隐藏，除了屏幕阅读器。 Bootstrap 下拉菜单（Dropdowns） 对齐 通过向.dropdown-menu 添加class .pull-right 来向右对齐下拉菜单class="dropdown-menu pull-right" 标题 您可以使用class dropdown-header 向下拉菜单的标签区域添加标题 Bootstrap 按钮组 按钮组允许多个按钮被堆叠在同一行上。当你想要把按钮对齐在一起时，这就显得非常有用。您可以通过Bootstrap 按钮（Button）插件添加可选的JavaScript 单选框和复选框样式行为 Bootstrap 按钮下拉菜单 本章将讲解如何使用Bootstrap class 向按钮添加下拉菜单。如需向按钮添加下拉菜单，只需要简单地在在一个.btn-group 中放置按钮和下拉菜单即可。您也可以使用 来指示按钮作为下拉菜单。