- 博客(27)
- 收藏
- 关注
RSS订阅原创 JS——事件
目录事件详解事件定义第一种方式第二种方式(DOM0级事件)第三种方式(DOM2级事件)事件解绑IE事件处理程序添加事件移除事件跨浏览器事件处理程序事件捕获与事件冒泡事件委托addEventListener中的Event对象属性与方法event.type event.targetevent.preventDefault() ...
2019-09-05 19:01:30
823
原创 JS——DOM属性
目录attribute属性下的方法getNamedItem()方法removeNamedItem()方法setNamedItem()方法property属性和attribute属性下通用方法getAttribute()setAttribute()removeAttribute()常见的元素固有属性布尔属性checkedselectedreadOn...
2019-09-03 16:14:35
1172
原创 JS——DOM操作
创建节点document.createElement("标签名")创建标签节点,还能创建当前浏览器不支持的标签名,在IE6-8下,是一个著名的hackif(! /*@cc_on!@*/ 0)如果是ie浏览器,这句代码为if(!!0),如果不是ie浏览器,这句代码为if(!0)document.createTextNode("要插入的节点文本") 创建新的文本节点...
2019-09-02 10:38:05
249
原创 JS——BOM
目录BOMwindow对象window对象的方法location对象location对象的常用属性location对象方法history对象screen对象(不常用)navigator对象BOMBOM(browser object model)浏览器对象模型BOM对象有: window navigator screen history loc...
2019-08-29 16:49:35
244
原创 JS——DOM、DOM事件
目录DOMDOM事件HTML事件DOM 0级事件事件类型鼠标事件键盘事件DOM是document objecct model 的缩写，文档对象类型提供了文档的结构化表述，定义了一种方式可以使从程序中对该结构进行访问，从而改变文档的结构、样式和内容1、基本的DOM查找方法document.getElementById("id") 返回对拥有指定...
2019-08-25 14:41:30
222
原创 JS——错误调试与处理
运行时错误:ReferenceError 变量引用异常触发， 如未定义就使用TypeError 类型使用错误时触发，如获取未初始化的变量的属性或方法、调用类型错误RangeError 一般会在递归爆栈时触发，递归深度太深调试器debugger，调试工具打开的情况下，程序运行到debugger那一行时停下来，使用watch栏查看变量的值，使用快捷键或按钮单步调试。或者点...
2019-07-15 21:34:42
390
原创 JS——内置对象
内置对象：浏览器自己封装好的对象，可以直接调用属性和方法。1 Array数组中的每一个位置可以放置任何类型的数据，且数组的大小是可以动态调整的，随着数据的添加自动增长。1.1 创建数组1、使用Array构造函数语法：new Array() 小括号说明():1、预先知道数组要保存的项目数量2、向Array构造函数中传递数组应包含的项2、使用数组字面量表示法由一对...
2019-06-27 09:34:07
162
原创 JS——函数
目录1 函数的定义和调用1.1函数的作用1.2函数的定义1.3函数的调用2 函数的返回值3 arguments4 求任意一组数的平均值1 函数的定义和调用1.1函数的作用通过函数可以封装任意多条语句，而且可以放在任何地方、任何时候调用执行。1.2函数的定义函数使用function声明，后跟一组参数以及函数体，语法如下：function func...
2019-06-16 21:22:33
121
原创 JS——流程控制语句
目录1 分支语句1.1 if语句1.2 switch2 循环语句2.1 for语句2.2 while3 break and continue1 分支语句1.1 if语句语法：alert() 功能：弹出警告对话框语法：prompt 功能：弹出输入框 返回值：点击确定，返回输入内容。点击取消，返回null。语法：string....
2019-06-16 17:03:51
151
原创 JS——语法
目录1、JavaScript语法规则1.1标识符1.2变量 1.2.1变量声明2、JavaScript数据类型2.1 undefined2.2 null2.3 number 2.3.1 NaN 2.3.2isNaN()2.4 数值转换 2.4.1 Number()--注意大写 ...
2019-06-13 16:43:54
586
原创 CSS3——转换
转换rotate语法：-webkit-transform：rotate(<angle>);角度为正，顺时针转动转换translate语法：transform：translateX(<x-value>) translateX(x)仅水平方向移动，属于2D移动;translateY(Y)仅垂直方向移动，属于2D移动,transform：translate(<x...
2019-06-11 15:42:04
357
原创 CSS3——过渡
CSS的transition允许CSS的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值，网页加载不能触发过渡效果。transition-propertytransition-property：检索或设置对象中参与过渡的属性。 语法 transition-property：none | all |p...
2019-06-11 15:41:14
408
原创 CSS3——动画
animationandroid设备必须加webkit前缀才能实现动画效果animation-nameanimation-name：检索或设置对象所应用的动画名称，必须与规则@keyframes配合使用，因为动画名称由@keyframes定义，如果提供多个属性值，以逗号进行分隔。语法：animation-name: keyframename | none;1.keyframen...
2019-06-11 15:39:32
280
原创 CSS3——文本与字体
CSS3文本text-shadow属性应用于阴影文本语法text-shadow：h-shadow(水平阴影)v-shadow(垂直阴影) blur(阴影)color；blur属性值不能为负text-outline属性，规定文本轮廓语法：text-outline：thickness blur color； 目前任何主流浏览器都不支持该属性word-break属性规定...
2019-05-30 11:06:33
440
原创 CSS3——边框与圆角
CSS3 圆角border-radius属性一个最多可指定四个border-radius属性的复合属性，这个属性允许为元素添加圆角边框。语法：border-radius：1-4 length / %四个值：第一个值为左上角，第二个值为右上角，第三个值为右下角，第四个值为左下角三个值：第一个值为左上角，第二个值为右上角和左下角，第三个值为右下角两个值：第一个值为左上角和右下角...
2019-05-28 16:26:11
182
原创 CSS3——选择器
新增基本选择器子元素选择器、相邻兄弟元素选择器、通用兄弟选择器、群组选择器基本选择器新增的四种选择器1、子元素选择器（直接后代选择器）概念：子元素选择器只能选择某元素的子元素语法格式：父元素 > 子元素2、相邻兄弟元素选择器概念：相邻兄弟选择器可以选择紧接在另一元素后的元素，而且他们具有一个相同的父元素语法格式：元素+兄弟相邻元素（Eelement+Sibli...
2019-05-28 16:26:05
320
原创 HTML5新增、删除、重定义标签
DOCTYPE声明，指示浏览器关于页面使用哪个HTML版本进行编写的指令。HTML为什么不引用DTD？ DTD是什么？DTD(document type definition)：可定义合法的XML文档构建模块，它使用一系列合法的元素来定义文档的结构。在HTML中，DTD规定了标记语言的规则，使浏览器能正确地呈现内容。HTML5不基于SGML，所以不需要引用DTD。HTML5新增标签...
2019-05-20 15:58:28
998
原创 CSS定位-position
CSS position属性static作用：使元素定位于自然流中（块、行垂直排列、行内水平从左到右）。特点：1、忽略top,bottom,left,right或者z-index声明（偏移量） 2、两个相邻的元素如果都设置了外边距，那么最终外边距=两者外边距中最大的 3、具有固定width和height值的元素，如果把左右外边距设置为auto...
2019-04-30 14:27:25
232
原创 float浮动
清除浮动的意义在于 屏蔽浮动的元素对后面元素产生的影响CSS定位机制：普通流、浮动、定位普通流（标准流）：默认状态，元素自动从左往右，从上往下的排列。浮动基础知识1、会使元素向左或向右移动，只能左右，不能上下。2、浮动元素碰到包含框或另一个浮动框，浮动停止。3、浮动元素之后的元素将围绕它，之前的不受影响。4、浮动元素会脱离标准流。5、浮动的基本语法 float：...
2019-04-29 09:44:36
250
原创 CSS背景和列表
目录CSS背景1、背景颜色2、背景图片3、背景图片重复4、背景图片显示方式5、背景图片定位背景缩写CSS列表1、列表项标记2、列表项标记位置3、列表样式缩写CSS背景1、背景颜色background-color：颜色 | transparenttransparent是全透明黑色的速记法，类似rgba(0,0,0,0)这样的值。 透明色...
2019-04-25 11:19:44
416
原创 盒子模型
盒子模型的概念盒子模型用来放网页中的各种元素，包括element（元素）、height、width、padding（内边距，填充）、border（边框）、margin（外边距）。宽度和高度宽度属性（使用百分比时，是相对于父元素的百分比，在ie6里兼容性不好，max-width和min-width无效）宽度 width：长度值（in cm px）| 百分比 | auto...
2019-04-24 17:16:09
172
原创 CSS文本样式
字体样式字体属性字体：font-family语法：font-family:[字体1],[字体2]...,字体集，设置多个字体，浏览器依次查找，如果都没有，使用浏览器默认样式。说明：含空格字体名和中文，用英文引号括起；多个字体用英文逗号隔开；引号嵌套，外使用双引号，内使用单引号。font-family属性值可以是具体字体名，字体集(Serif,Sans-serif,Monospa...
2019-04-24 17:11:00
556
原创 CSS基础
HTML是网页内容的载体，CSS样式是表现（外观控制），JavaScript是行为，用来实现网页特效效果。CSS层叠样式表（Cascading Style Sheets），用于定义HTML内容在浏览器内的显示样式。CSS简化HTML相关标签，网页体积小，下载快，实现了内容与表现分离。第1章CSS基础语法CSS规则由两部分构成：选择器，声明。如 h1{color:red;font-...
2019-04-15 11:20:01
263
原创 HTML项目：搭建网页结构
1、div和span标签，块级和行内标签、<div>标签是一个区块容器标记，<div> </div>之间是一个容器，可以包含段落、表格、图片等各种HTML元素。<span>标签没有实际意义，就是为了给相应的内容添加样式。<div>标签内的内容每个单独占据一行，<span>标签内的内容在一行内展示。块级标签：每一...
2019-04-09 08:56:18
5463
原创 HTML表单
第1章 表单基础结构表单介绍用途是收集信息，用于接受用户输入的信息，当用户提交表单的时候会将信息传送给服务器，从而实现用户和web服务器的交互。表单定义：使用<form></form>标签，只是一个区域，表单本身不可见。所有表单内容必须写在<form>内。标签 描述 <input> 表单输入标签 <se...
2019-04-04 18:48:47
246
原创 HTML表格
基础表格表格使用的标签是<table> </table>，表格中的行使用的标签是<tr> </tr>，表格中的单元格使用的标签是<td> </td>。每一行中有多少个单元格就有多少列，相互之间为包含关系。如从效果上看到表格框线，需在table标签上添加属性border，宽度属性是width=“500px",代码如下。...
2019-04-03 18:57:34
280
原创 HTML基础
第1章 基础语法标签成对出现，单标签一般在后面加一个斜杠（规范性），如<hr/>。元素是开始标签+内容+结束标签组成 标签属性添加在开始标签名的后面，有空格第2章 文档段落声明文档类型<!DOCTYPE html>使用<meta>标签将乱码的中文正常显示<!DOCTYPE html> <html><he...
2019-04-02 15:34:33
181
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人