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 · 547 阅读 · 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 · 404 阅读 · 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 · 482 阅读 · 0 评论 -
JavaScript-6.0-数组和对象
JavaScript-6.0-数组和对象数组和对象数组和对象JavaScript 中的所有事物都是对象对象是带有属性和方法的特殊数据类型属性是与对象相关的值方法是能够在对象上执行的动作数组也是对象,它是一种集合型对象数组对象的作用是使用单独的变量来存储一系列的值...原创 2019-12-13 12:52:50 · 302 阅读 · 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 · 418 阅读 · 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 · 433 阅读 · 2 评论 -
JavaScript-5.2-JavaScript 事件-JavaScript 的事件模型
JavaScript-5.2-JavaScript 事件-JavaScript 的事件模型JavaScript 的事件模型一:DOM0 事件模型二:DOM2 事件模型三JavaScript 的事件模型一:DOM0 事件模型二:DOM2 事件模型三...原创 2019-11-21 17:11:09 · 333 阅读 · 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 · 366 阅读 · 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 · 321 阅读 · 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 · 554 阅读 · 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 · 588 阅读 · 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 · 307 阅读 · 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 · 475 阅读 · 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 · 1114 阅读 · 0 评论 -
JavaScript-3.4-JavaScript 函数-代码的执行顺序
JavaScript-3.4-JavaScript 函数-代码的执行顺序代码的执行顺序一:检查装载阶段二:代码执行阶段代码的执行顺序普通函数的声明语句与函数的调用语句没有先后顺序之分匿名函数表达式的调用语句必须在函数声明语句之后,否则报错JavaScript 代码执行的两个阶段1.检查装载阶段:主要的工作是函数的声明、变量的声明等2.代码执行阶段:主要的工作是函数的调用、变量的赋...原创 2019-10-24 09:01:02 · 285 阅读 · 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 · 303 阅读 · 0 评论 -
JavaScript-3.2-JavaScript 函数-匿名函数的声明与调用
JavaScript-3.2-JavaScript 函数-匿名函数的声明与调用匿名函数的声明与调用一:事件调用匿名函数二:匿名函数表达式三:自执行函数匿名函数的声明与调用匿名函数就是指没有函数名的函数一:事件调用匿名函数配合事件使用表示当触发哪一个事件时,执行哪一个匿名函数<!DOCTYPE html><html lang="en"><h...原创 2019-10-18 19:51:15 · 415 阅读 · 0 评论 -
JavaScript-3.1-JavaScript 函数-函数的声明与调用
JavaScript-3.0-JavaScript 函数-函数的声明与调用函数的声明与调用一:函数的声明1、有参函数2、无参函数二:函数的调用三:函数的作用域四:函数声明和调用的注意事项五:函数声明与函数调用没有先后之分函数的声明与调用函数的主要作用是将程序中需要重复使用的代码进行封装,从而可以使代码重复使用函数的使用声明调用一:函数的声明在 JavaScript 中,函...原创 2019-10-18 15:58:07 · 847 阅读 · 0 评论 -
JavaScript-3.0-JavaScript 函数
JavaScript-3.0-JavaScript 函数函数是指由事件驱动的或者当它被调用时执行的可重复使用的代码块将一个函数赋给一个变量或数组元素还可以将其嵌套在另一个函数中使用函数可以提高代码的可重用性和可维护性JavaScript 函数1.掌握函数的声明与调用2.了解函数的作用域3.掌握匿名函数的声明与调用4.了解函数中的内置对象5.掌握 JavaScript...原创 2019-10-17 20:33:33 · 359 阅读 · 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 · 470 阅读 · 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 · 398 阅读 · 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 · 362 阅读 · 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 · 364 阅读 · 0 评论 -
JavaScript-2.0-JavaScript 流程控制语句
JavaScript-2.0-JavaScript 流程控制语句JavaScript 流程控制语句JavaScript 流程控制语句流程控制语句,就是当代码执行到指定位置后,通过判断条件是否成立决定代码如何继续往下执行JavaScript 流程控制语句1.JavaScript 的分支结构和循环结构2.JavaScript 的流程控制语句3.JavaScript 数据类型的真假表...原创 2019-10-12 17:01:39 · 373 阅读 · 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 · 371 阅读 · 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 · 312 阅读 · 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 · 382 阅读 · 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 · 539 阅读 · 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 · 293 阅读 · 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 · 559 阅读 · 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 · 358 阅读 · 0 评论 -
CSS-4.1-CSS选择器
CSS-4.1-CSS选择器一:基本选择器1、标签选择器CSS选择器指定CSS要作用的标签,那个标签的名称就是选择器CSS选择器分为两大类1.基本选择器2.扩展选择器基本选择器1.标签选择器:针对一类标签2.类选择器:针对想要的所有标签使用3.ID选择器:针对某一个特定的标签使用4.通用选择器(通配符):针对所有的标签都适用(不建议使用)扩展选择器1.后...原创 2019-09-09 00:04:09 · 802 阅读 · 0 评论 -
HTML-2.1-HTML的规范
HTML-2.1-HTML的规范一:编写XHTML的规范二:HTML的基本语法特性1、HTML对换行不敏感,对TAB不敏感2、空白折叠现象3、标签要严格封闭HTML是一个弱势语言HTML不区分大小写HTML页面的后缀名是html或者htm(有一些系统不支持后缀名长度超过3个字符,比如dos系统)HTML的结构声明部分主要作用是用来告诉浏览器这个页面使用的是哪个标准是HTML5...原创 2019-09-03 17:18:30 · 384 阅读 · 0 评论 -
HTML-3.1-HTML结构详解
HTML-3.1-HTML结构详解一:文档声明头二:头标签1、字符集 charset2、定义“关键字”3、定义“页面描述”4、title标签5、<base>标签三:<body> 标签的属性所有的浏览器默认情况下都会忽略空格和空行每个标签都有私有属性和共有属性HTML表示长度单位都是像素使用Emmet插件快速生成html骨架新建html,输入 html:5 ,...原创 2019-09-03 19:58:30 · 405 阅读 · 0 评论 -
HTML-4.1-排版标签
HTML-4.1-排版标签一:注释标签二:段落标签三:HTML标签1、文本级标签2、容器级标签四:块级标签1、<div>2、<span>3、<div>和<span>特点4、<div>和<span>区别五:换行标签六:水平线标签七:内容居中标签八:预定义(预格式化)标签一:注释标签<!-- 注释 -->二:段...原创 2019-09-03 22:14:48 · 711 阅读 · 0 评论 -
HTML-5.1-字体标签
HTML-5.1-字体标签一:标题二:字体标签三:特殊字符(转义字符)1、产生原因2、书写注意四:粗体标签五:上标和小标一:标题标题使用 <h1> 至 <h6> 标签进行定义<h1>定义最大的标题<h6>定义最小的标题具有align属性默认属性:leftleft, center, right<body> ...原创 2019-09-04 11:00:20 · 413 阅读 · 0 评论 -
HTML-6.1-超链接
HTML-6.1-超链接一:超链接的属性二:外部链接三:锚连接四:邮件连接五:超链接的注意一:超链接的属性href目标URLtitle悬停文本name主要用设置一个锚点的名称target_self:在同一个页面中显示(默认值)_blank:在新的窗口中打开_parent:在父窗口中显示_top:在顶级窗口中显示二:外部链接连接到外部文件t...原创 2019-09-04 12:02:19 · 276 阅读 · 0 评论 -
HTML-7.1-图片标签
HTML-7.1-图片标签一:图片类型二:相对路径和绝对路径1、相对路径2、绝对路径3、相对路径和绝对路径的总结三:图片标签的属性img:代表的就是一张图片,是单边标记img是自封闭标签,也称单标签一:图片类型能插入的图片类型jpg(jpeg)gifpngbmp不能往网页中插入的图片格式是psdaiHTML页面不是直接插入图片,而是插入图片的引用地址所...原创 2019-09-04 12:48:09 · 391 阅读 · 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 · 283 阅读 · 0 评论 -
HTML-9.1-表格标签
HTML-9.1-表格标签一:表格属性二:行三:加粗的单元格四:表格的标题五:<thead>标签、<tbody>标签、<tfood>标签表格标签用<table>表示一个表格<table>是由每行<tr>组成的,每行<tr>是由每个单元格<td>组成的注意一个表格是由行组成的(行是由单元格组成...原创 2019-09-04 16:34:47 · 459 阅读 · 0 评论
分享