Javascript知识点汇总(供参考)
JS核心知识梳理
JS核⼼知识梳理前⾔本⽂⽬标从JS的运⾏，设计，数据，应⽤四个⾓度来梳理JS核⼼的知识点主题⼤纲1. JS运⾏变量提升执⾏上下⽂作⽤域let作⽤域链闭包事件循环2. JS设计原型原型链thiscallapplybindnew继承3. JS数据数据类型数据的存储（深浅拷贝）数据类型判断（隐式转换，相等和全等，两个对象相等）数据的操作（数组遍历，对象遍历）数据的计算（计算误差）4. JS应⽤防抖，节流，柯⾥化⼀. JS运⾏⼤概分为四个阶段1. 词法分析：将js代码中的字符串分割为有意义的代码块，称为词法单元浏览器刚拿到⼀个JS⽂件或者⼀个script代码段的时候，它会认为⾥⾯是⼀个长长的字符串这是⽆法理解的，所以要分割成有意义的代码块，⽐如: var a = 12. 语法分析：将词法单元流转换成⼀颗抽象语法树(AST)，并对⽣成的AST树节点进⾏处理，⽐如使⽤了ES6语法，⽤到了let,const，就要转换成var。
为什么需要抽象语法树呢？抽象语法树是不依赖于具体的，不依赖于语⾔的细节，⽅便做很多的操作另⼀⽅⾯说，现在有许多语⾔，C，C++，Java，Javascript等等，他们有不同的语⾔规范但是转化成抽象语法树后就都是⼀致的了，⽅便编译器对其进⾏进⼀步的增删改查等操作，3. 预解析阶段：会确定作⽤域规则变量和函数提升4. 执⾏阶段：创建执⾏上下⽂，⽣成执⾏上下⽂栈执⾏可执⾏代码，依据事件循环1.作⽤域指定了函数和变量的作⽤范围分为全局作⽤域和函数作⽤域，JS不像C，JAVA语⾔⼀样，没有块级作⽤域,简单说就是花括号的范围2.变量和函数提升全局变量和函数声明会提升函数声明⽅式有三种，function foo() {}var foo = function () {}var foo = new Function()可归为两类，直接创建和变量赋值变量赋值函数和赋值普通变量的优先级按位置来，变量名相同前者被覆盖函数直接创建优先级⾼于变量赋值，同名取前者，与位置⽆关，也就是说函数直接创建即使再变量声明后⾯，也是优先级最⾼3. 执⾏上下⽂有不同的作⽤域，就有不同的执⾏环境，我们需要来管理这些上下⽂的变量执⾏环境分为三种，执⾏上下⽂对应执⾏环境全局执⾏环境函数执⾏环境eval执⾏环境（性能问题不提）1. 全局执⾏上下⽂先找变量声明，再找函数声明2. 函数执⾏上下⽂先找函数形参，和变量声明把实参赋值给形参找函数声明多个函数嵌套，就会有多个执⾏上下⽂，这需要执⾏上下⽂栈来维护，后进先出执⾏上下⽂⾥包含着变量环境和词法环境变量环境⾥就包含着当前环境⾥可使⽤的变量当前环境没有⽤哪的, 这就说到了作⽤域链4. 作⽤域链引⽤JS⾼程的定义：作⽤域链来保证对执⾏环境有权访问的变量和函数的有序访问变量的查找顺序不是按执⾏上下⽂栈的顺序，⽽是由词法作⽤域决定的词法作⽤域也就是静态作⽤域，由函数声明的位置决定，和函数在哪调⽤⽆关，也就js这么特殊5. 静态作⽤域和动态作⽤域词法作⽤域是在写代码或者定义时确定的⽽动态作⽤域是在运⾏时确定的（this也是！）var a = 2;function foo() {console.log(a); // 静态2 动态3}function bar() {var a = 3;foo();}bar();复制代码闭包由于作⽤域的限制，我们⽆法在函数作⽤域外部访问到函数内部定义的变量，⽽实际需求需要，这⾥就⽤到了闭包引⽤JS权威指南定义：闭包是指有权访问另⼀个函数作⽤域中的变量的函数1. 闭包作⽤for循环遍历进⾏事件绑定输出i值时为for循环的长度+1这结果显⽰不是我们想要的, 因为JS没有块级作⽤域，var定义的i值，没有销毁，存储与全局变量环境中在事件具体执⾏的时候取的i值，就是全局变量中经过多次计算后的i值for(var i = 0;i < 3;i++){document.getElementById(`item${i+1}`).onclick = function() {console.log(i);//3，3，3}}复制代码闭包特性：外部函数已经执⾏结束，内部函数引⽤外部函数的变量依然保存在内存中,变量的集合可称为闭包在编译过程中，对于内部函数，JS引擎会做⼀次此法扫描，如果引⽤了外部函数的变量，堆空间创建换⼀个Closure的对象,⽤来存储闭包变量利⽤此特性给⽅法增加⼀层闭包存储当时的i值，将事件绑定在新增的匿名函数返回的函数上for(var i = 0;i < 3;i++){document.getElementById(`item${i+1}`).onclick = make(i);}function make(e) {return function() {console.log(e)//0，1，2};复制代码闭包注意我们在不经意间就写成了闭包，内部函数引⽤外部函数的变量依然保存在内存中，该销毁的没有销毁，由于疏忽或错误造成程序未能释放已经不再使⽤的内存，就造成了内存泄漏同时注意闭包不会造成内存泄漏，我们错误的使⽤闭包才是内存泄漏事件循环JS代码执⾏依据事件循环JS是单线程，通过异步保证执⾏不被阻塞1. 执⾏机制简单说就是，⼀个执⾏栈，两个任务队列发现宏任务就放⼊宏任务队列，发现微任务就放⼊微任务队列，执⾏栈为空时，执⾏微任务队列所有微任务，再取宏任务队列⼀个宏任务执⾏如此循环2. 宏&微任务 macroTask: setTimeout, setInterval, I/O, UI rendering microTask: Promise.then⼆. JS设计1. 原型1. JS的设计有new操作符，构造函数，却没有类的概念，⽽是使⽤原型来模拟类来实现继承2. JS设计⼼路历程JS在设计之初，给的时间较短，并且定义为简单的⽹页脚本语⾔，不⽤太复杂，且想要模仿Java的理念，(这也是为什么JS叫JavaScript的原因)因此就借鉴了Java的对象、构造函数、new操作符理念，⽽抛弃掉了了复杂的class(类)概念3. 继承机制需要有⼀种继承的机制，来把所有对象联系起来，就可以使⽤构造函数但是构造函数⽣成实例对象的缺点就是⽆法共享属性和⽅法4. prototype属性为解决上⾯问题，就引⼊了prototype属性，就是我们常说的原型为构造函数设置⼀个prototype属性，实例对象需要共享的⽅法,都放在此对象上，整个核⼼设计完成后，后⾯的API也就顺理成章原型每⼀个js对象在创建的时候就会与之关联另⼀个对象这个对象就是原型，每个对象都会从原型继承属性proto每个对象都有⼀个属性叫proto,该属性指向对象的原型构造函数的prototype属性等于实例化对象的proto属性此属性并不是ES5 中的规范属性，只是为了在浏览器中⽅便获取原型⽽做的⼀个语法糖，我们可以使⽤Object.getPrototype()⽅法获取原型constructor 原型没有指向实例，因为⼀个构造函数可以有多个对象实例但是原型指向构造函数是有的，每个原型都有⼀个constructor属性指向关联的构造函数function Per() {} // 构造函数const chi = new Per() // 实例对象chi.__proto__ === Per.prototype // 获取对象的原型也是就构造函数的prototype属性Per.prototype.constructor === Per // constructor属性获取当前原型关联的构造函数复制代码实例与原型读取实例属性找不到时，就会查找与对象关联的原型的属性，⼀直向上查找，这种实例与原型之间的链条关系，这就形成了原型链function Foo() {} = 'tom'const foo = new Foo() = 'Jerry'console.log(); // Jerrydelete console.log(); // tom复制代码2.原型链⾸先亮出⼤家熟悉的⽹图就是实例与构造函数，原型之间的链条关系实例的 proto 指向原型构造函数的 prototype 属性指向原型原型的 constructor 属性指向构造函数所有构造函数的 proto 指向 Function.prototypeFunction.prototype proto 指向 Object.prototypeObject.prototype proto 指向 null函数对象原型（Function.prototype）是负责造构造函数的机器，包含Object、String、Number、Boolean、Array，Function。
JAVASCRIPT笔试题参考整理(答案)
A. Document 对象用于检查和修改 HTML 元素和文档中的文本
B. Document 对象用于检索浏览器窗口中的 HTML 文挡的信息 C. Document 对象提供客户最近访问的 URL 的列表 D. Document 对象的 location 属性包含有关当前 URL 的信息 正确答案为：C
第 26 题. 分析下面的 JavaScript 代码段：
a = new Array("100","2111",&r i = 0;i < a.length;i ){
document.write(a[i] "");
}
输出结果是（）。（选择一项）
A. 100 2111 41111
正确答案为：A 第 7 题. 在 HTML 中，Location 对象的()属性用于设置或检索 URL 的端口号。（选择一项）
A. hostname B. host C. pathname D. href 正确答案为：B 第 8 题. 下面哪个选项中的对象与浏览列表有关() A. location,history B. window,location C. navigator,window D. historylist,location 正确答案为：A 第 9 题. 下列 JavaScript 语句中，（）能实现单击一个按钮时弹出一个消息框。（选择一项） A. <BUTTON VALUE ="鼠标响应" onClick=alert("确定")></BUTTON> B. <INPUT TYPE="BUTTON" VALUE ="鼠标响应" onClick=alert("确定")> C. <INPUT TYPE="BUTTON" VALUE ="鼠标响应" onChange=alert("确定")> D. <BUTTON VALUE ="鼠标响应" onChange=alert("确定")></BUTTON> 正确答案为：B 第 10 题. 在 HTML 页面中，下面关于 Window 对象的说法不正确的是（）。（选择一项） A. Window 对象表示浏览器的窗口，可用于检索有关窗口状态的信息 B. Window 对象是浏览器所有内容的主容器 C. 浏览器打开 HTML 文档时，通常会创建一个 Window 对象 D. 如果文档定义了多个框架，浏览器只为原始文档创建一个 Window 对象，无须为每 个框架创建 Window 对象 正确答案为：D 第 11 题. 在 JavaScript 中,表单文本框(Text)不支持的事件包括( ). (选择一项) A. onBlur B. onLostFocused C. onFocus D. onChange 正确答案为：B 第 12 题. 分析下面的 javascript 代码： x=11; y="number"; m= x+y ; m 的值为（）。（选择一项） A. 11number B. number C. 11 D. 程序报错 正确答案为：A 第 13 题. 在 HTML 页面中使用外部 javaScript 文件的正确语法是（）。（选择一项）
javascript知识点汇总
DAY01：一、基本特点：1、JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。
通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。
2、是一种解释性脚本语言（代码不进行预编译）。
3、主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为。
4、可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。
5、跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如Windows、Linux、Mac、Android、iOS等）。
6、avascript脚本语言同其他语言一样，有它自身的基本数据类型，表达式和算术运算符及程序的基本程序框架。
Javascript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。
而变量提供存放信息的地方，表达式则可以完成较复杂的信息处理。
二、日常用途：1、嵌入动态文本于HTML页面。
2、对浏览器事件做出响应。
3、读写HTML元素。
4、在数据被提交到服务器之前验证数据。
5、检测访客的浏览器信息。
6、控制cookies，包括创建和修改等。
7、基于技术进行服务器端编程。
DAY02：javascript的放置和注释1.输出工具();("","")如何在html页面当中进行放置A.<script></script>***************************************javascript可以在html页面当中的任何位置来进行调用，但是他们还是一个整体，是相互联系，相互影响。
***************************************B.可以在超链接或是重定向的位置调用javascript代码格式："javascript:alert('我是超链接')"重定向格式：action="javascript:alert('我是表单')"3.在事件后面进行调用A.格式：onclick="alert('我是事件')"B.<scriptfor="two"event="onclick">alert("我是DIV2");</script>4.调用外部javascript文件格式：<scriptsrc=""></script>******************************************************************* 在调用页面<script>标签对当中不能有任何代码在js脚本中不能出现<script>标签对但是他们还是一个整体，是相互联系，相互影响。
js基础知识点
js基础知识点js基础知识点1、javascript概述JavaScript是一种弱类型，以对象为基础，定义的脚本语言，它可以给网页添加各种动态特性，JavaScript不需要编译就能运行，有丰富的内置函数和对象，可以在Web中读写数据，用于在Web中编写客户端脚本。
2、javascript应用JavaScript可以用在各种浏览器上，可以实现网页中的事件处理、表单处理、客户端检验、图形界面效果等。
通常JavaScript使用的目的是增强用户体验，提高网页的交互性和可用性3、javascript变量JavaScript变量有全局变量和局部变量。
它们的区别在于：1）全局变量在JavaScript脚本的所有部分都可以访问，而局部变量只能在声明它的函数内部访问。
2）局部变量只在函数内部有效，函数外部无法访问，而全局变量在函数内部外部都可以访问。
3）全局变量在整个网页的所有脚本都可以访问，只要这个网页被打开就可以，而局部变量只能在它声明的函数或语句块内访问。
4、javascript数据类型JavaScript支持6种数据类型：Undefined、Null、Boolean、Number、String 和Object。
Undefined 表示未定义，它的值是undefined。
Null 表示空值，它的值是null。
Boolean 表示布尔值，它的值是true或false。
Number表示数字，它的值是整数或小数String 表示字符串，它的值是由一系列字符组成的文本Object 表示对象，它的值是一组数据和功能的集合5、javascript函数JavaScript函数可以看作是一段可以重复使用的代码，它由一系列语句组成，用于完成特定的任务。
函数有四个特点：1）可以重复使用2）可以接收参数3）可以返回值4）可以封装函数的声明和调用函数可以使用function来声明：function functionName (parameters) {// code to be executed}函数使用functionName()来调用：functionName(parameters);函数默认有返回值，如果使用return语句来返回值，则忽略默认值，否则，函数返回值为undefined。
JAVASCRIPT笔试题参考整理(答案)
A. 20 B. 18 C. 14 D. 12 正确答案为：B 第 3 题. 下面对于 JavaScript 中的单选按扭（Radio）的说法正确的是（）。 （选择两项） A. 单选按钮可以通过单击“选种”和“未选中”选项来进行切换 B. 单选按钮没有 checked 属性 C. 单选按钮支持 onClick 事件 D. 单选按钮的 Length 属性返回一个选项组中单选项的个数 正确答案为：AC 第 4 题. 下面哪个选项中的对象与浏览列表有关() A. location,history B. window,location C. navigator,window D. historylist,location 正确答案为：A 第 5 题. 下列（）标记符属性为布尔属性（即只需要指定属性的存在，而不用指定其值的 标记符属性）。（选择一项）
A. <input type="text" onChange="alert(this.value)"> B. <input type="text" onClick="alert(this.value)"> C. <input type="text" onChange="alert(text.value)"> D. <input type="text" onClick="alert(value)"> 正确答案为：A 第 23 题. window 对象的 open 方法返回的是() A. 没有返回值 B. boolean 类型，表示当前窗口是否打开成功 C. 返回打开新窗口的对象 D. 返回 int 类型的值，开启窗口的个数 正确答案为：C 第 24 题. 分析下面的 JavaScript 代码段： function employee(name,code) { ="wangli"; this.code="A001"; } newemp=new employee("zhangming",'A002'); document.write("雇员姓名:"+ + "<br>"); document.write("雇员代号:"+ newemp.code +"<br>");
JavaScript笔记（狂神说）
JavaScript笔记（狂神说）本⽂章根据b站狂神说javascript视频教程整理视频链接：0、前端知识体系想要成为真正的“互联⽹Java全栈⼯程师”还有很长的⼀段路要⾛，其中前端是绕不开的⼀门必修课。
本阶段课程的主要⽬的就是带领Java后台程序员认识前端、了解前端、掌握前端，为实现成为“互联⽹Java全栈⼯程师”再向前迈进⼀步。
0.1、前端三要素HTML（结构）：超⽂本标记语⾔（Hyper Text Markup Language），决定⽹页的结构和内容CSS（表现）：层叠样式表（Cascading Style Sheets），设定⽹页的表现样式。
JavaScript（⾏为）：是⼀种弱类型脚本语⾔，其源码不需经过编译，⽽是由浏览器解释运⾏，⽤于控制⽹页的⾏为0.2、结构层（HTML）太简单，略0.3、表现层（CSS）CSS层叠样式表是⼀门标记语⾔，并不是编程语⾔，因此不可以⾃定义变量，不可以引⽤等，换句话说就是不具备任何语法⽀持，它主要缺陷如下：语法不够强⼤，⽐如⽆法嵌套书写，导致模块化开发中需要书写很多重复的选择器；没有变量和合理的样式复⽤机制，使得逻辑上相关的属性值必须以字⾯量的形式重复输出，导致难以维护；这就导致了我们在⼯作中⽆端增加了许多⼯作量。
为了解决这个问题，前端开发⼈员会使⽤⼀种称之为【CSS预处理器】的⼯具,提供CSS缺失的样式层复⽤机制、减少冗余代码，提⾼样式代码的可维护性。
⼤⼤的提⾼了前端在样式上的开发效率。
什么是CSS预处理器CSS预处理器定义了⼀种新的语⾔，其基本思想是，⽤⼀种专门的编程语⾔，为CSS增加了⼀些编程的特性，将CSS作为⽬标⽣成⽂件，然后开发者就只需要使⽤这种语⾔进⾏CSS的编码⼯作。
转化成通俗易懂的话来说就是“⽤⼀种专门的编程语⾔，进⾏Web页⾯样式设计，再通过编译器转化为正常的CSS⽂件，以供项⽬使⽤”。
常⽤的CSS预处理器有哪些SASS：基于Ruby ，通过服务端处理，功能强⼤。
javascript课后习题答案
javascript课后习题答案JavaScript课后习题答案JavaScript是一种广泛应用于网页开发的脚本语言，具有灵活、强大的特性。
在学习JavaScript的过程中，课后习题是巩固知识、加深理解的重要环节。
本文将为大家提供一些JavaScript课后习题的答案，希望能够帮助读者更好地掌握JavaScript编程。
一、基础知识题1. 什么是JavaScript？JavaScript是一种脚本语言，用于为网页添加交互性和动态效果。
2. JavaScript的数据类型有哪些？JavaScript的数据类型包括字符串（String）、数字（Number）、布尔值（Boolean）、数组（Array）、对象（Object）等。
3. 如何声明一个变量？可以使用关键字var、let或const来声明一个变量，例如：var name = "John";let age = 25;const PI = 3.14;4. 如何输出内容到控制台？可以使用console.log()函数来输出内容到控制台，例如：console.log("Hello, World!");5. 如何定义一个函数？可以使用function关键字来定义一个函数，例如：function sayHello() {console.log("Hello!");}二、代码题1. 编写一个函数，判断一个数字是否为偶数。
function isEven(number) {if (number % 2 === 0) {return true;} else {return false;}}2. 编写一个函数，计算两个数字的和。
function sum(a, b) {return a + b;}3. 编写一个函数，输出1到100之间所有的奇数。
function printOddNumbers() {for (let i = 1; i <= 100; i++) {if (i % 2 !== 0) {console.log(i);}}}4. 编写一个函数，计算一个数组中所有元素的平均值。
JavaScript基本语法
第一章1、大小写敏感2、空格与换行代码中多余的空格会被忽略，同一个标识符的所有字母必须连续；一行代码可以分成多行书写；3、单行代码写于一行中，用分号作为语句结束标志4、可有可无的分号当两个程序语句处于一行中时用分号隔开，否则可以不用分号Eg:var r = 2var pi = Math.PIvar s = pi * r * rdocument.write("半径为2单位的圆面积为：" + s + "单位")第二章2.1基本数据类型●在JavaScript中，字符串型数据是用引号括起的文本字符串。
在JavaScript中不区分“”和“”，字符也被当作字符串处理。
字符串中可以包含用于特殊目的的字符。
Eg:var hello = "你好啊";var name = 'Peter';document.write(hello + name+"<br>");●数值类型JavaScript中用于表示数字的类型成为数字型，不像其他编程语言那样区分整型、浮点型。
数字型用双精度浮点值来表示数字数据，可以表示（-253，+253）区间中的值。
数字的值可以用普通的记法也可以使用科学记数法。
表示方法如下所示：Eg：10；// 数字，普通记法10.1；// 数字，普通记法0.1；// 数字，普通记法3e7；// 科学记数0.3E7；// 科学记数2.2 复合数据类型●对象概念在面向对象的设计模式中，将数据和处理数据的方法捆绑在一起形成的整体，称为对象。
它封装了数据和操作数据的方法，使用时要先创建这个对象，用new 运算符来调用对象的构造函数。
Eg: date=new Date();●日期对象JavaScript将与日期相关的所有特性封装进Date对象，主要用来进行一些与时间相关的操作，比如获取当前系统时间，使用前要先创建该对象的一个实例。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
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)getElementByxx获得元素节点 (14)HTML概要知识点梳理1、了解HTML的概念HTML是超文本标记语言，他是随着浏览器（IE 谷歌）的发展而诞生出来的一种标记语言，是一种用来制作超文本文档的语言。
（注意：他并不是一种编程语言列如：c c++ vb.........）.理解：所谓标记语言我们可以把它理解为一中符号标记，不同的符号有着不同效果。
超文本：包括声音，图片，影视等等。
2、熟练掌握HTML的文档结构。
这里需要注意的地方<head> <title></title> </head>若标题标签书写错误会导致文档无法显示。
（虽然浏览器现在能够自动补全代码）3、标签的分类块记标签：<p></p> <h1></h1>....<h6></h6><ol> <ul> （常用与带有列表的数据或菜单）<li></li> <li></li></ol> </ul><dl> （常用数据描述）<table> （常与大数据|表单布局场合）<dt></dt> （标题）<tr><dd></dd> （内容）<td colspan="2"|rowspan="4"></td> (跨行列合并)</tr></dl> </table<div></div> (常用与页面布局)<hr/> (绘制一条水平线一般用于网页脚部)<form></form>(用于表单数据)<a hrfe = “#”></a> (超链接| 锚链接)行级标签：<img src = “”alt = “提示文字”title = “提示文字”></img><span></span> (用于改变某个单一字体的样式)<br/>（换行）掌握灵活运用实际开发中常用的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、内容样式功能分离出来。
超链接的应用：<a href =”url地址”>被链接的文本| 图片</a> 超链接<a href = “#star” name属性值>当前位置<a/> 同页面的锚链接<a name=”star”>目标位置</a><a href = “xxx.html#star”>当前位置</a> 不同页面的锚链接<a name= “star”>另一个网页的目标位置</a> （注意：与同一页面写格式不一样）<a href="mailto: ">站长信箱</a>邮箱链接（需要有邮箱工具）表单的应用：<form action="表单提交地址" method="get | post"><input name="表单元素名称" type="类型" value="值" size="显示宽度"maxlength="最大长度" /></form>下拉列表框：格式：<select name="指定列表名称" size="一次性显示行数"><option value="选项值" selected="selected">…</option>……</select>例子：<select name="bmon"><option value="" selected="selected">[选择月份]</option><option value="0">一月</option><option value="1">二月</option><option value="2">三月</option><option value="3">四月</option></select>多行文本框格式：<textarea name="... " cols="列宽" rows="行宽" >文本内容</textarea>例子：<textarea name="textarea" cols="40" rows="6" readonly = “readonly”> 欢迎阅读服务条款协议...</textarea>只读和禁用属性readonly：希望某个框内的内容只允许用户看，不能修改disabled：因没达到使用的条件，限制用户使用隐藏域：（用于不让用户看到的信息）格式：<input type="hidden" name="…." value="…" />Css样式表格式：<head><style type="text/css">标签选择器{属性：属性值0；}.class {属性：属性值1;}#id { 属性：属性值2;}</style><head>对象选择的组合使用格式：（减少代码量）①标签+类②标签+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;} 激活选定状态（鼠标点击未释放时）各类样式的优先级(由低到高顺序排列)①浏览器默认设置②外部样式表文件（经常使用）③内部样式表④行内样式表（不建议使用）⑤标签选择器⑥类选择器⑦ID选择器（ID的属性唯一）Javascript知识点汇总一、JavaScript理论知识点的理解：1、JavaScript定义JavaScript是一种基于对象和事件驱动的、并具有安全性能的脚本语言。
注意：严格来说JavaScript 也是面向对象的编程语言 (OOP)。
OOP 语言使我们有能力定义自己的对象和变量类型。
对象只是一种特殊的数据。
对象拥有属性和方法。
（javascript高级应用）概念分析：（理解）这里Javascript与 Java对比分析比较容易理解。
①首先Java是面向对象的编程语言，并且是由sun公司推出的一款强大的编程软件。
然而javascript是一种基于对象的脚本语言，并且是由网景公司(Netscape)推出的一款依附于浏览器运行的编程语言。
② Javascript与Java语言没有关系，Netscape公司当初只是为了提高Javascript的知名度，才以Javascript命名，所谓大树下面好乘凉。