HTML 和 CSS 和 JavaScript 知识点回顾

1 HTML

   1.1 概念

  1. HTML是超文本标记语言 ,由大量的成对的标签组成,它是一种规范,一种浏览器上的规范,属于标签语言,因为HTML中没有变量、数据类型、控制语句等,所以不是编程语言
  2. HTML文档是一棵树(DOM树),树上有很多节点,每个节点一般都会有id属性,id属性具有唯一性,在同一个文档中不能重复,id是该节点的唯一标识。javascript可以对DOM树上的节点进行增删改,达到动态效果。javascript主要通过节点的id来获取该元素。
   1.2 使用时注意
  1. HTML的标签都是成对儿的,有开始标签,一般都会有对应的结束标签。
  2. HTML代码合理缩进,格式整齐
  3. HTML语法松散不严格,HTML不区分大小写
  4. 标签的属性,每个属性都包括属性名和属性值,属性值可以使用单引号括起来,也可以使用双引号括起来。
  5. 数据传输格式遵循HTTP协议(浏览器和web服务器传消息的协议),所有浏览器都会采用这种格式: url?name=value&name=value&name=value...,其中name是input标签的name属性,value是input标签的value属性。
2 CSS
   2.1 概念
  1. CSS是层叠样式表语言,不是编程语言,属于样式表语言,没有变量、数据类型、控制语句…
  2. CSS其实是专门用来修饰HTML的,让HTML更好看。CSS是HTML的化妆品。
  3. CSS是为HTML服务的,所以HTML还是主体,CSS是依附在HTML上的。
   2.2 在HTML中嵌入CSS样式的三种方式
  1. 内联定义:使用 style 属性
    style="font-size:12px; text-align:center;"HTML中引用CSS的行内式方法
  2. 定义内部样式块对象 在head标签中使用style标签,定义样式块对象。
    借助三个标签选择器:标签选择器、类选择器、id选择器。
  3. 链入外部样式表文件(这种方式最常用),使用link标签。
3 JavaScript
   3.1 概念
  1. JavaScript是一种脚本语言,JavaScript的“目标程序”是以普通文本的形式保存,用记事本可以直接打开的。浏览器打开就直接解释执行了。
  2. JavaScript是一门编程语言专门用来操作HTML页面中的节点,让网页产生动态效果的。JavaScript中也有变量、数据类型、运算符、if语句、for循环、标识符、关键字等。
  3. JavaScript和Java没有任何关系。Java语言是Sun公司开发的,JavaScript是Sun公司起的名。

    1.    3.2 在HTML中嵌入JS代码的三种方式
      1. 行间事件:input type="button" value="hello" οnclick="window.alert('hello js')"
      2. 页面script标签嵌入(脚本块): 《script type="text/javascript"》JS代码《/script》
      3. 外部引入: 《script type="text/javascript" src="js文件路径"》这里不能写JS代码《/script》

        1.    3.3 JS 变量的声明和赋值
          1. 格式:var x = ...
          2. JS是一种弱类型编程语言,没有编译阶段,直接浏览器打开解释执行,在JS声明时不需要指定变量的数据类型,一个变量可以接收任何类型的数据,程序在运行过程中,赋什么类型的值,变量就是什么类型,并且变量的数据类型可变。

            1.    3.4 JS 函数的声明和调用
              1. 格式:
                第一种:普通函数定义,(这种方式较多)
                function 函数名(形式参数列表){ 函数体; }

                第二种:把函数的声明当做类进行定义
                函数名 = function(形式参数列表){ 函数体; }
              2. JS中的函数不需要指定返回值类型,因为JS是弱类型编程语言,变量可以接收任何类型的数据,也就是说JS中的函数可以返回任何类型的数据,当然也可以不返回任何数据。返回数据使用return语句。
              3. JS中的函数在调用的时候,实参可以随意,例如调用以上的sum函数,可以这样调用:sum(),没有传任何实参的时候a和b变量没有赋值,则a和b都是undefined。也可以这样调用sum(10),这样就表示a变量赋值10,b变量仍然是undefined。还可以这样调用:sum(1,2),这样则表示a是1,b是2

              4.    3.5 事件
        • JS是一种基于事件驱动型的编程语言,当触发某个事件之后,执行一段代码;JS中的任何一个事件都对应一个事件句柄,例如鼠标单击事件click,对应的事件句柄就是onclick,鼠标经过事件mouseover,对应的事件句柄就是onmouseover,事件句柄都是以标签的属性方式存在。在事件句柄后面可以编写JS代码,当触发这个事件之后,这段JS代码则执行了。实际上就是浏览器执行的。
        • οnclick=“后面的代码”并不是在浏览器打开的时候执行,浏览器打开的时候,只是将这个代码注册给onclick事件句柄了。等待该按钮的click事件发生,只要发生,后面的代码会被事件监听器调用。
展开阅读全文
©️2019 CSDN 皮肤主题: 游动-白 设计师: 上身试试
应支付0元
点击重新获取
扫码支付

支付成功即可阅读