web前端总结(一)

1 . HTML&CSS

 表单标签 <from>        actioon : 表单的提交路径 method:表单的提交方式

              提交方式  get  默认方式  把请求参数显示到地址栏 不安全 大小有限制

                              post  相反

       输入域标签 <input>(应用)

                文本框  text   , 密码框 password, 单选框 radio,  复选框 checkbox(必须要指定相同的名称 name value必须写),   文件框 file , 普通按钮 button  , 提交按钮 submit  ,  重置按钮 reset, 图片按钮 image, 隐藏字段 hidden(隐藏域 用户看不到 和表单一起提交)

             下拉列表框 <select>   子标签<option>  name属性写在select标签上  value属性写在option标签上  默认被选中的是selected属性

             文本域  <textarea>  可以通过cols和rows书香来规定的text的尺寸

 

CSS

      css是层叠样式表

      css主要是用来修饰HTML的显示效果 提高代码的复用性 将页面元素 与样式显示分离  使得程序的耦合性降低,可以解决HTML代码对样式定义的重复 ,提高了后期样式代码的可维护性.并增强了网页的显示效果功能.HTML做使用标签来封装数据,CSS作用在HTML标签上 使用CSS来设置网页的显示效果

      CSS的选择器

       主要有元素选择器  ID选择器  类选择器

2. JS

  JS是基于对象和事件驱动脚本的语言 作用在浏览器上

  JS特点

             交互性   用户有比较好的体验

             安全性   JS程序不能访问本地的硬盘

             扩平台性  浏览器就可以解析JS文件

JS和JAVA没有关系

       javaScript基于对象  JAVA 是面向对象

      JavaScript只需要解析就可以执行  JAVA先编译再执行

       JS是弱类型的语言  JAVA是强类型的语言

JS的组成

    ECMAScript  JS底层的规范 (底层对象 编写判断语句 循环语句)

    BOM  浏览器对象模型   (浏览器提供的一些对象)

    DOM  文档对象模型  (表格表单)

JS和HTML的结合方式

        内部方式   使用<script>标签  标签中间编写代码

        外部方式  使用<script scr="属性">

JS的语法

   声明变量  使用var 若类型的语言

   基本数据类型 String 字符串类型 使用双引号或者单引号都代表字符串

                          number 数字类型  不区分整形和小数类型

                          bollean  布尔类型

                          undefinde 未定义  变量声明但是没有赋值

                          null 引用类型的默认值

运算符和语句  JS的运算符和JAVA中的基本一致 特殊的是比较运算符  == 只比较值       === 即比较值又比较类型

定义方法    使用function   没有返回值类型  参数列表不用编写var  返回值

JS的事件   onsubmit表单提交事件  防止表单提交 事件作用在from表单上   

                  onload 页面加载事件 作用在body标签上

JS的BOM对象

                  浏览器的产生对象  window  代表当前的窗口  alert()弹出提示框

                                                                                        confirm() 询问框 (是否确认...)

                             setInterval("方法()",5000)        setInterval() 方法会不停地调用函数，直到clearInterval() 被调用或窗口被关闭。                                                                                                                                     
                            setTimeout()    执行一次，指定的毫秒数后调用函数或计算表达式。

   

location 浏览器地址栏信息  href获取和设置当前的地址栏 

3.JQuery

 JQ和DOM对象转换   DOM -->JQ   使用$(DOM对象)

                                JQ-->DOM   get(0)   [0]

                                 this关键字  表示DOM对象 使用它  必须 $(this)

  JQ的选择器

             ID选择器  $('#id')

             元素选择器 $("元素")

            类选择器         $(".class")

 过滤 :

    first  获取第一个元素

    last  获取最后一个元素

    not  过滤掉符合not选择器的元素

  odd  奇数

  even 偶数

  gt  获取大于下标值的元素

 it  获取小于 下标值的元素

 eq 获取想等下标志的元素 

JQ的事件绑定

   先编写页面加载 再绑定事件

  事件没有on单词了

JQ常用方法

 HTML的代码、文本和值
    html()        -- 获取和设置标签中间的html代码片段
    text()        -- 获取和设置标签中间的文本内容
    val()         -- 获取和设置文本框等value的值