2018/1/1 Html+CSS+JavaScript

1、头信息的作用
可以网页的标题 tittle
搜索关键词：keywords
页面描述：description
网页跳转： http-eqip
2、css样式的导入@import，实际上相当于内嵌，但是优先级是最差的、
3、标签选择器 p
类选择器 .class
ID选择器 #IdValue
全局选择器 *
组合选择器 罗列前面的
伪类选择器 用于判定a标签的状态
4、javascript中使用原型property实现继承；
5、JavaScript：
（1）基于对象
JS本身就有一些现成的对象可供程序员使用，例如：Array，Math，String。。。
JS并不排除你可以自已按一定的规则创建对象
（2）事件驱动
JS代码写好后，需要外界触发后，方可运行，例如：单击事件，定时执行，。。。
（3）解释性
每次运行JS代码时，得需要将原代码一行一行的解释执行
相对编译型语言（例如：Java、C++）执行速度相对较慢
（4）基于浏览器的动态交互网页技术
如果JS嵌入到HTML中，可以不需要服务器支持，直接由浏览器解释执行
如果JS嵌入到JSP或Servlet中，必需要服务器支持，直接由浏览器解释执行
（5）嵌入在HTML标签中
JS必须嵌入到一个名叫<script src="引入外部js文件"></script>的标签中，方可运行
脚本语言
6、JS中的三种类型
（1）基本类型：number，string，boolean
number包含正数，负数，小数
string由''或""定界
boolean由true或false，但js中的boolean也包含更多情况，例如：存在表示true，不存在表示false
（2）特殊类型：null，undefined
null表示一个变量指向null
undefined表示一个变量指向的值不确定
（3）复合类型：函数，对象，数组
对象包含内置对象和自定义的对象
7、JS中有三种定义函数的方式
（1）正常方式：function mysum(num1,num2){return num1+num2;}
function mysum(num1,num2){
return num1 + num2;
}
var myresult = mysum(100,200);
alert("myresult="+myresult);

（2）构造器方式：new Function("num1","num2","return num1+num2;")
var youresult = new Function("num1","num2","return num1+num2");
alert( youresult(1000,2000) );

（3）直接量或匿名或无名方式：var mysum = function(num1,num2){return num1+num2;}
var theyresult = function(num1,num2){
return num1 + num2;
}
alert( theyresult(10000,20000) );
8、）JS中有四种对象
（1）内置对象 ：Date，Math，String，Array，。。。
var str = new Date().toLocaleString();
window.document.write("<font size='44' color='red'>"+str+"</font>");

（2）自定义对象：Person，Card，。。。
function Student(id,name,sal){
//this指向s引用
this.id = id;
this.name = name;
this.sal = sal;
}
var s = new Student(1,"波波",7000);
document.write("编号:" + s.id + "<br/>");
document.write("姓名:" + s.name + "<br/>");
document.write("薪水:" + s.sal + "<br/>");

（3）浏览器对象： window，document，status，location，history。。。
function myrefresh(){
window.history.go(0);
}

（4）ActiveX对象：ActiveXObject("Microsoft.XMLHTTP")，。。。

9、BOM编程基础
全称 Browser Object Model，浏览器对象模型。
JavaScript是由浏览器中内置的javascript脚本解释器程序来执行javascript脚本语言的。
为了便于对浏览器的操作，javascript封装了对浏览器的各个对象使得开发者可以方便的操作浏览器。
10、DOM简介
全称Document Object Model，即文档对象模型。
DOM描绘了一个层次化的树，允许开发人员添加、删除、修改页面的某一部分。

浏览器在解析HTML页面标记的时候，其实不是按照一行一行读取并解析的，
而是将HTML页面中的每一个标记按照顺序在内存中组建一颗DOM树，
组建好之后，按照树的结构将页面显示在浏览器的窗口中。