WEB前端
关注
分享
扫一扫
anh_qwh
爱生活，爱睡觉
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
AJAX-AJAX 工具对象
AJAX-AJAX 工具对象AJAX 工具对象一：使用 POST 请求二：使用 GET 请求AJAX 工具对象ajax.js//ajax工具对象：1.兼容问题 2.便捷问题function Ajax(){ //1.兼容问题 xhr对象 var xhr = null; if(window.XMLHttpRequest){//检测是否有XMLHttpRequest构造方法 ...原创 2019-12-19 21:46:38 · 489 阅读 · 0 评论 -
AJAX-GET
AJAX-GETGETGET数据会出现在地址栏中长度限制get.php<?php //输出get请求 echo $_GET['age']; echo "你好啊"?>get.html<!DOCTYPE html><html><head> <meta charset="utf-8"></head...原创 2019-12-19 21:33:39 · 351 阅读 · 0 评论 -
AJAX-POST
AJAX-POSTPOSTPOST数据不会出现在地址栏中长度取决于服务器post.php<?php //输出post请求 echo $_POST['age']; echo "你好啊"?>post.html<!DOCTYPE html><html><head> <meta charset="utf-8"&g...原创 2019-12-19 21:25:18 · 441 阅读 · 0 评论 -
JavaScript-6.0-数组和对象
JavaScript-6.0-数组和对象数组和对象数组和对象JavaScript 中的所有事物都是对象对象是带有属性和方法的特殊数据类型属性是与对象相关的值方法是能够在对象上执行的动作数组也是对象，它是一种集合型对象数组对象的作用是使用单独的变量来存储一系列的值...原创 2019-12-13 12:52:50 · 252 阅读 · 0 评论 -
JavaScript-5.4-JavaScript 事件-案例
JavaScript-5.4-JavaScript 事件-案例案例一：对表格进行修改删除操作案例一：对表格进行修改删除操作<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>对表格进行修改删除操作</title> <sty...原创 2019-11-27 19:56:39 · 370 阅读 · 0 评论 -
JavaScript-5.3-JavaScript 事件-JavaScript 的事件流模型
JavaScript-5.3-JavaScript 事件-JavaScript 的事件流模型JavaScript 的事件流模型一：事件冒泡1、事件冒泡的概念2、触发事件冒泡的情况3、事件冒泡举例二：事件捕获1、事件捕获的概念2、触发事件捕获的情况3、事件捕获举例三：事件委派四：组织事件冒泡五：组织默认事件JavaScript 的事件流模型事件流，就是当一个节点触发事件时，事件会从当前节点流向...原创 2019-11-26 21:19:34 · 348 阅读 · 2 评论 -
JavaScript-5.2-JavaScript 事件-JavaScript 的事件模型
JavaScript-5.2-JavaScript 事件-JavaScript 的事件模型JavaScript 的事件模型一：DOM0 事件模型二：DOM2 事件模型三JavaScript 的事件模型一：DOM0 事件模型二：DOM2 事件模型三...原创 2019-11-21 17:11:09 · 280 阅读 · 0 评论 -
JavaScript-5.1-JavaScript 事件-JavaScript 事件
JavaScript-5.1-JavaScript 事件-JavaScript 事件JavaScript 事件一：鼠标事件二：键盘事件1、键盘事件注意事项（1）三个事件的执行顺序（2）长按时触发的事件（3）onkeydown/onkeyup 和 onkeypress 的区别（4）通常将键盘事件声明在 document 上2、判断键盘按键(1)取到事件因子(2) 取到 ASCII 码值三：HTML ...原创 2019-11-21 13:21:28 · 320 阅读 · 0 评论 -
JavaScript-4.4-BOM 与 DOM-HTML DOM
JavaScript-4.4-BOM 与 DOM-HTML DOMHTML DOM一：HTML DOM 操作表格对象二：HTML DOM 操作行对象三：HTML DOM 操作单元格对象HTML DOM一：HTML DOM 操作表格对象二：HTML DOM 操作行对象三：HTML DOM 操作单元格对象...原创 2019-11-20 12:45:18 · 279 阅读 · 0 评论 -
JavaScript-4.5-BOM 与 DOM-案例
JavaScript-4.5-BOM 与 DOM-案例案例一：简单的留言板案例一：简单的留言板输入昵称和评论内容，单击“提交内容”按钮，可以将最新的评论插入到已有评论的下方昵称和评论内容为空时，不能提交提交后获取当前时间<!DOCTYPE html><html> <head> <meta charset="utf-8"> ...原创 2019-11-13 15:46:35 · 490 阅读 · 0 评论 -
JavaScript-4.3-BOM 与 DOM-Core DOM
JavaScript-4.3-BOM 与 DOM-Core DOMCore DOM一：DOM 树结构分析二：操作元素节点三：操作文本节点四：操作属性节点五：JavaScript 修改元素样式六：获取层次节点七：创建新节点八：删除/替换节点Core DOM文档对象模型（DOM）是万维网联盟（W3C）的标准DOM 定义了访问 HTML和 XML 文档的标准W3C DOM 是中立于平台和语言接...原创 2019-11-10 12:12:21 · 534 阅读 · 0 评论 -
JavaScript-4.2-BOM 与 DOM-浏览器对象模型的其他对象
JavaScript-4.2-BOM 与 DOM-浏览器对象模型的其他对象浏览器对象模型的其他对象一：screen：屏幕对象二：location：地址栏对象1、location 常用属性2、location 常用方法三：history：历史记录对象四：navigator：浏览器配置对象浏览器对象模型的其他对象一：screen：屏幕对象screen 对象包含有关客户端显示屏幕的信息四个常用...原创 2019-10-25 14:29:05 · 253 阅读 · 0 评论 -
JavaScript-4.1-BOM 与 DOM-window 对象
JavaScript-4.1-BOM 与 DOM-window 对象window 对象一：window 对象属性二：window 对象的常用方法1、window 弹窗的输入输出2、open() 与 close()(1) open()(2) close()3、setTimeout() 与 clearTimeout()4、setInterval() 与 clearInterval()window 对...原创 2019-10-24 20:36:20 · 427 阅读 · 0 评论 -
JavaScript-3.5-JavaScript 函数-案例
JavaScript-3.5-JavaScript 函数-案例案例一：使用函数实现计算机功能二：递归案例一：使用函数实现计算机功能使用 prompt 输入两个数和运算符号，计算两个数的操作结果使用 switch 判断运算符号，调用函数计算两数结果<!DOCTYPE html><html lang="en"><head> <meta ch...原创 2019-10-24 12:56:33 · 1022 阅读 · 0 评论 -
JavaScript-3.4-JavaScript 函数-代码的执行顺序
JavaScript-3.4-JavaScript 函数-代码的执行顺序代码的执行顺序一：检查装载阶段二：代码执行阶段代码的执行顺序普通函数的声明语句与函数的调用语句没有先后顺序之分匿名函数表达式的调用语句必须在函数声明语句之后，否则报错JavaScript 代码执行的两个阶段1.检查装载阶段：主要的工作是函数的声明、变量的声明等2.代码执行阶段：主要的工作是函数的调用、变量的赋...原创 2019-10-24 09:01:02 · 233 阅读 · 0 评论 -
JavaScript-3.3-JavaScript 函数-函数中的内置对象
JavaScript-3.3-JavaScript 函数-函数中的内置对象函数中的内置对象一：arguments 对象1、arguments 对象用于存储函数的实参列表2、使用 arguments.callee 表示当前函数的引用二：this 关键字函数中的内置对象一：arguments 对象arguments 是一个伪数组对象1、arguments 对象用于存储函数的实参列表ar...原创 2019-10-18 21:16:23 · 254 阅读 · 0 评论 -
JavaScript-3.2-JavaScript 函数-匿名函数的声明与调用
JavaScript-3.2-JavaScript 函数-匿名函数的声明与调用匿名函数的声明与调用一：事件调用匿名函数二：匿名函数表达式三：自执行函数匿名函数的声明与调用匿名函数就是指没有函数名的函数一：事件调用匿名函数配合事件使用表示当触发哪一个事件时，执行哪一个匿名函数<!DOCTYPE html><html lang="en"><h...原创 2019-10-18 19:51:15 · 367 阅读 · 0 评论 -
JavaScript-3.1-JavaScript 函数-函数的声明与调用
JavaScript-3.0-JavaScript 函数-函数的声明与调用函数的声明与调用一：函数的声明1、有参函数2、无参函数二：函数的调用三：函数的作用域四：函数声明和调用的注意事项五：函数声明与函数调用没有先后之分函数的声明与调用函数的主要作用是将程序中需要重复使用的代码进行封装，从而可以使代码重复使用函数的使用声明调用一：函数的声明在 JavaScript 中，函...原创 2019-10-18 15:58:07 · 784 阅读 · 0 评论 -
JavaScript-3.0-JavaScript 函数
JavaScript-3.0-JavaScript 函数函数是指由事件驱动的或者当它被调用时执行的可重复使用的代码块将一个函数赋给一个变量或数组元素还可以将其嵌套在另一个函数中使用函数可以提高代码的可重用性和可维护性JavaScript 函数1.掌握函数的声明与调用2.了解函数的作用域3.掌握匿名函数的声明与调用4.了解函数中的内置对象5.掌握 JavaScript...原创 2019-10-17 20:33:33 · 315 阅读 · 0 评论 -
JavaScript-2.4-JavaScript 流程控制语句-案例
JavaScript-2.4-JavaScript 流程控制语句-案例案例一：打印输出一个菱形四：打印输出九九乘法表案例一：打印输出一个菱形<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>章节案例：打印输出一个菱形.html</title>...原创 2019-10-17 17:04:45 · 402 阅读 · 0 评论 -
JavaScript-2.3-JavaScript 流程控制语句-流程控制语句
JavaScript-2.3-JavaScript 流程控制语句-流程控制语句流程控制语句一：break 语句二：continue 语句三：return 语句流程控制语句breakcontinuereturn一：break 语句跳过本层循环，继续执行循环后面的语句<!DOCTYPE html><html lang="en"><head>...原创 2019-10-17 11:02:12 · 333 阅读 · 0 评论 -
JavaScript-2.2-JavaScript 流程控制语句-循环结构
JavaScript-2.2-JavaScript 流程控制语句-循环结构循环结构一：循环的基本思路1、声明循环变量2、判断循环条件3、执行循环体操作4、更新循环变量5、重复执行第 2~4 步二：while 循环结构三：do-while 循环结构四：for 循环结构1、for 循环的基本语法2、for 循环中同时使用多个循环变量3、for-in 循环五：循环嵌套循环结构一：循环的基本思路循...原创 2019-10-16 21:19:11 · 319 阅读 · 0 评论 -
JavaScript-2.1-JavaScript 流程控制语句-分支结构
JavaScript-2.1-JavaScript 流程控制语句-分支结构分支结构一：简单 if 结构二：if-else 结构三：多重 if 结构四：嵌套 if 结构五：switch-case 结构1、switch-case 的基本语法2、switch-case 的注意事项3、多重 if 结构 与 switch-case 结构的比较分支结构顺序结构是程序设计的借本结构按照语句出现的顺序从...原创 2019-10-15 21:05:44 · 301 阅读 · 0 评论 -
JavaScript-2.0-JavaScript 流程控制语句
JavaScript-2.0-JavaScript 流程控制语句JavaScript 流程控制语句JavaScript 流程控制语句流程控制语句，就是当代码执行到指定位置后，通过判断条件是否成立决定代码如何继续往下执行JavaScript 流程控制语句1.JavaScript 的分支结构和循环结构2.JavaScript 的流程控制语句3.JavaScript 数据类型的真假表...原创 2019-10-12 17:01:39 · 320 阅读 · 0 评论 -
JavaScript-1.6-JavaScript 案例
JavaScript-1.6-JavaScript 案例JavaScript 案例一：判断一个数是否为水仙花数二：闰年JavaScript 案例一：判断一个数是否为水仙花数水仙花数是指一个 n 位数（n>=3），它的每个位上的数字的 n 次幂之和等于本身<!DOCTYPE html><html lang="en"><head> <m...原创 2019-10-12 11:20:43 · 318 阅读 · 0 评论 -
JavaScript-1.5-JavaScript 的运算符
JavaScript-1.5-JavaScript 的运算符JavaScript 的运算符一：算数运算符1、运算符 +2、自增（自减）运算符3、n++ 与 ++n 的异同二：赋值运算符1、基本赋值运算符2、复合赋值运算符三：关系运算与逻辑运算1、关系运算符2、逻辑运算符四：条件运算（多目运算）1、条件运算符的形成2、关键符号 ？和 ：3、多层嵌套五：逗号运算符六：运算符的优先级JavaScrip...原创 2019-10-11 20:45:57 · 260 阅读 · 0 评论 -
JavaScript-1.3-JavaScript 中的变量函数
JavaScript-1.3-JavaScript 中的变量函数JavaScript 中的变量函数一：Number：将变量转为数值1、字符串类型转数值2、布尔 Boolean 类型转数值3、Null 与 Undefined 转数值4、Object 类型转数值二：isNaN：检测变量是否为 NaN1、纯数字字符串，检测结果为 false2、空字符串，检测结果为 false3、包含其他字符，检测结果为...原创 2019-10-10 21:56:44 · 244 阅读 · 0 评论 -
JavaScript-1.4-JavaScript 中的输入输出
JavaScript-1.4-JavaScript 中的输入输出JavaScript 中的输入输出一：document.write：文档中打印输出1、基本语法2、拼接字符串二：alert：浏览器弹窗输出三：prompt：浏览器弹窗输入四：confirm：浏览器弹窗确认五：console.log：浏览器控制台输出六：JavaScript 中的注释1、单行注释2、多行注释3、文档注释JavaScri...原创 2019-10-11 12:08:39 · 442 阅读 · 0 评论 -
CSS3-7.3-CSS3其他常用属性
CSS-7.3-CSS其他常用属性一：CSS3渐变效果1、线性渐变2、径向渐变二：CSS3多列属性1、columns2、column-count3、column-width4、column-rule5、column-rule-width6、column-rule-style7、column-rule-color8、column-gapCSS3其他常用属性1.CSS3渐变效果2.CSS3多列...原创 2019-09-17 12:57:46 · 300 阅读 · 0 评论 -
HTML-8.1-列表标签
HTML-8.1-列表标签一：无序列表二：有序列表三：定义列表无序列表 ul li有序列表 ol li定义列表 dl dt dd一：无序列表无序列表<ul>,无序列表中的每一项是<li>ul的作用是增加无序列表的语义，并不是给文字增加小圆点属性 type，有三个值：disc：实心圆点（默认）square：实心方点circle：空心圆ul 的...原创 2019-09-04 14:56:44 · 214 阅读 · 0 评论 -
JavaScript-1.2-JavaScript 的变量
JavaScript-1.2-JavaScript 的变量JavaScript 的变量一：变量的声明1、使用 var 声明的变量2、不使用 var，直接赋值声明变量3、同一声明语句同时声明多个变量二：声明变量的注意事项与命名规范1、声明变量的注意事项2、变量的命名规范三：变量的数据类型1、Undefined：未定义2、NULL：空引用3、Boolean：布尔类型4、Number：数值类型5、Str...原创 2019-10-10 16:00:38 · 465 阅读 · 0 评论 -
JavaScript-1.1-JavaScript简介
JavaScript-1.1-JavaScript 简介JavaScript 简介一：JavaScript 概念二：页面中使用JavaScript 的三种方式1、HTML 标签中内嵌 JavaScript2、HTML 页面中直接使用 JavaScript3、引用外部 JavaScript 文件JavaScript 简介JavaScript 是一种直译式脚本语言（代码不进行预编译）是一种动...原创 2019-10-10 12:55:58 · 308 阅读 · 0 评论 -
CSS-8.5-网页布局练习
CSS-8.5-网页布局练习<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>网页布局</title> <style type="text/css"> #header{ height: 150px; }...原创 2019-09-24 21:13:13 · 338 阅读 · 0 评论 -
CSS-2.1-CSS单位
CSS-2.1-CSS单位1、绝对单位2、相对单位注意事项1.HTML中的单位只有一种，是像素px，所以可以省略2.CSS没有默认单位，必须要写上，否则无效1、绝对单位1 in = 2.54 cm = 25.4 mm = 72 pt = 6 pcin英寸lnches(1英寸=2.54厘米)cm厘米Centimetersmm毫米Millimetersp...原创 2019-09-08 21:14:10 · 211 阅读 · 0 评论 -
CSS-1.1-CSS概述
CSS-1.1-CSS概述一：前言二：CSS概述三：CSS重要知识点四：CSS语法1、语法格式2、代码注释五：CSS常见属性1、字体颜色2、字号大小3、背景颜色4、加粗5、不加粗6、斜体7、不斜体8、下划线9、没有下划线一：前言互联网前端分三层HTML超文本标记语言从语义的角度描述页面结构CSS层叠样式表从审美的角度负责页面样式JSjavaScri...原创 2019-09-08 21:10:02 · 556 阅读 · 0 评论 -
HTML-12.1-表单标签
HTML-12.1-表单标签一：表单标签属性二：输入标签(文本框)1、type2、value3、size4、readonly5、disabled三：下拉列表标签1、<select> 标签的属性2、<option>标签的属性四：多行文本输入框五：表单的语义化六：<label>标签<form><表单元素></表单元素></...原创 2019-09-05 14:54:33 · 223 阅读 · 0 评论 -
HTML-11.1-内嵌框架
HTML-11.1-内嵌框架内嵌框架 <iframe> </iframe>表示<iframe> 是 <body> 的子标记内嵌框架 inner frame：嵌入在一个页面上的框架仅仅IE，新版Google浏览器支持，可能有其他浏览器也支持属性src=“subframe/the_second.html”内嵌的那个页面...原创 2019-09-04 21:50:04 · 289 阅读 · 0 评论 -
HTML-10.1-框架标签
HTML-10.1-框架标签一：框架的集合二：框架<frameset>框架</frameset>框架标签不能放在<body>标签里面，因为<body>标签代表的只是一个页面，而框架标签代表的是多个标签<frameset>和<body>只能二选一框架的集合用<frameset>表示，然后在<fr...原创 2019-09-04 21:39:04 · 241 阅读 · 0 评论 -
HTML-9.1-表格标签
HTML-9.1-表格标签一：表格属性二：行三：加粗的单元格四：表格的标题五：<thead>标签、<tbody>标签、<tfood>标签表格标签用<table>表示一个表格<table>是由每行<tr>组成的，每行<tr>是由每个单元格<td>组成的注意一个表格是由行组成的（行是由单元格组成...原创 2019-09-04 16:34:47 · 417 阅读 · 0 评论 -
HTML-7.1-图片标签
HTML-7.1-图片标签一：图片类型二：相对路径和绝对路径1、相对路径2、绝对路径3、相对路径和绝对路径的总结三：图片标签的属性img：代表的就是一张图片，是单边标记img是自封闭标签，也称单标签一：图片类型能插入的图片类型jpg(jpeg)gifpngbmp不能往网页中插入的图片格式是psdaiHTML页面不是直接插入图片，而是插入图片的引用地址所...原创 2019-09-04 12:48:09 · 275 阅读 · 0 评论