2018/1/1 Html+CSS+JavaScript

Posted Keeloong

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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树,
组建好之后,按照树的结构将页面显示在浏览器的窗口中。












































































以上是关于2018/1/1 Html+CSS+JavaScript的主要内容,如果未能解决你的问题,请参考以下文章

Materialize Css Timepicker onSelect 不起作用

JavaScript 第一章总结

浅学前端阶段总结

GWT:从服务器中分离 js + css + 图像

在 ASP.NET MVC 中动态生成 Javascript、CSS

JS DOM