黑马程序员—Html、Css、JavaScript、DOM基础知识点概要

时间:2021-06-07 00:27:49

Html、Css、JavaScript、DOM

 

 

一、Html

html是超文本标记语言代码由<html>开始</html>结束

其中一些较为常用的标签:

<font></font>表示标记一行的属性

头部标记<head></head>部分先执行一般样式都定义在头部确保先执行;

<br>是换行标准写法是</ br>。<hr />标记一条水平线

一般标记属性用“=”连接可以用双引号也可以用单引号。也可以不用。

标题用:<h1></h1> 一级标题。<h2></ h2>二级标题

html中的注释 用<!--HTML-->形式

<dl></dl>表示封装列表范围

<dt></dt>表示上层目录

<dd></dd>表示下层目录

有序<ol></ol>无序封装<ul></ul>例如:

<ol>

    <li>......</li>

     <li>......</li>

     <li>......</li>

</ol>

图像标签:<img src="" alt="">

加粗并居中的标签是<th></th>

封装区域标签:<div></div>或者<span></span>

表单标签:<form></form>

reset 清除  submit 提交 hidden隐藏

注意:如果要向服务器提交数据表单中组件必须有name和value属性。给服务器获取数据方便。

onclick=""点击效果  

下拉菜单<select>

           <option>  </option>

           <option> </option>

        </select>

和服务端交互的三种方式:

1、地址栏输入url地址。用GET方法

2、超链接 用GET方式

3、表单。get和post方法

<b></b>加粗<i></i>斜体<u></u>下划线<sub></sub>下标<sup></sup>上标

<marquee direction="down" behavior="alternate">动态向下

 behavior=“scroll”动态循环 behavior=“slide”

 

 

 

二、Css

css是层叠样式表(cascading style sheets)

样式标签

<style type="text/css">

 div{

    background—color:#600;color:#fff

          }

  </style>

样式优先级

由上到下、由外到内、优先级由低到高

总结css=代码格式:

选择器名称{属性名:属性值;属性名:属性值}

选择器:

1、html标签名选择器使用就是html的标签名。

2、class选择器,其实是使用的标签中的class属性。

3、id选择器,其实是使用的是标签中的id属性。

 

 

 

三、JavaScript

javascript语言是基于对象和事件驱动的脚本语言,只要用于客户端。

特点:1、交互性  (信息动态交互)

      2、安全性( 不允许直接访问本地硬盘)

      3、夸平台性(和平台无关性)

java和javascript的区别:

javascript是网景公司的而java是sun公司的

javascript是基于对象,而java是面向对象的

javascript只需解释就可以执行

java需要先编译成字节码文件,再执行。

java是强类型,javascript是弱类型。

javascript和html相结合的方式:

1、将javascript代码封装到<script>标签中。

2、将javascript代码封装到js文件中,并通过<script>中的src属性进行导入。

注意:如果<script>标签中使用src属性,那么该标签中封装的javascript代码不会被执行。所以通常导入js文件都是用单独<script>来完成。

导入一个js文件:<script type="text/javascript" src="demo.js"></script>

封装javascript代码:

<script type="text/javascript">

alert("hello javascript");

</script>

 

javascript语法

javascript的数组定义的两种方式:

第一种定义:

1、var arr=[];

2、var arr=[3,2,3,9];

javascript中的数组的特点

1、长度的可变性;

2、元素的类型是任意的;

所以建议数组中存放同意类型的数据。

第二种定义:

使用了javascript中的Array对象来完成定义

var arr=new =Array();//var arr=[];

var arr1=new Array(5);//定义了一个长度为5的数组

var arr2=new Array(5,6,9);//定义了一个数组包含元素为5,6,9

函数:

javascript中定义函数的格式

通过指定的关键字来定义。

function 函数名(参数列表){

    函数体

  return 返回值//如果没有具体返回值return可以不写

    }

注意:1、javascript中没有函数的重载。

      2、只要是使用函数的名称就是对这个函数的调用。

      3、函数中有个数组,对传入的参数进行存储。argument

var sum=getSum();//调用函数。

var sum=getSum;//getSum本身是一个函数名,而函数本身在javascript中就是一个对象。getSun就是这个函数对象的引用,将getSum这个引用的地址赋值给sum,这时sum也指向了函数的对象,相当于这个函数对象的两个名字。

   打印的时候如果sum指向的是函数对象,那么会将函数对象的字符串表现形式打印出来。就是该函数的定义格式。

函数的动态函数:

var add=mew Function("x,y";"var sun; sum=x+y; return sum;");

参数列表和函数体都是通过字符串动态指定的。

匿名函数:没有名字的函数。通常是函数的简写形式。

var add3=function(var a,b){

     return a+b;

调用时

alert(add3(7,8)); 

 

javascript中特有的for in语句:

格式是:

for(变量 in 对象){} 对对象进行遍历的语句。例子:

var arr=[2,3,6,6,5,9,7];

for(i in arr){

     document.write("i="+i);//i=0,i=1,i=2,

     document.write("arr["+i+"]"+arr[i])

         }

 

 

四、DOM 

DOM是Docuemrnt Object Model(文档对象模型)的缩写,主要是用来将标记型文档封装成对象,并将标记型文档中的所有内容(标签、文本、属性等)都封装成对象。将标记型文档解析成一棵DOM树,并将树中的内容都封装成节点对象,这样可以很方便的对节点进行操作。

 

DHTML:动态的HTML(不是语言)是多项技术综合体的简称。(HTML、CSS、DOM、JAVASCRIPT)

HTML: 负责提供标签对数据进行封装,目的是便于对该标签中的数据进行操作。

CSS:负责提供样式属性,对标签中的数据进行样式的定义。

JAVASCRIPT:负责提供程序设计语言,对页面中的对象进行逻辑操作。

DOM:负责将标签型文档进行解析,并封装成对象,在对象中定义了更多的属性,和行为,便于对对象操。