11 2022 档案
摘要：xml_概述： 概述：Extensible Markup Language 可扩展标记语言 可扩展：标签都是自定义的 <user> <student> 标记语言：标签构成的语言 功能 存储数据 配置文件 在网络中传输 xml与html区别 xml标签都是自定义的，html标签是预定义 xml的语法严
阅读全文
摘要：案例10_黑马旅游网分析： 案例_旅游网站分析和实现： <!doctype html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <!-- 设编码 --> <meta http-equiv="X-UA-Compatible" content=
阅读全文
摘要：Bootstrap_组件_导航条&分页条： 组件： 导航条： 导航条是在您的应用或网站中作为导航页头的响应式基础组件。 它们在移动设备上可以折叠（并且可开可关），且在视口（viewport）宽度增加时逐渐变为水平展开模式。 <!doctype html> <html lang="zh-CN"> <h
阅读全文
摘要：Bootstrap_全局CSs样式_按钮&图片： 全局css样式： 按钮： <a class="btn btn-default" href="#">Link</a> 图片： <!-- 图片 --> <img src="/HTML/img/bannert.jpg" class="img-respons
阅读全文
摘要：Bootstrap_栅格系统_入门： 响应式布局： 同一套页面可以兼容不同分辨率的设备 实现：依赖于栅格系统：将一行平均分成12个格子，可以指定元素占几个格子 步骤： 1.定义容器，相当于html里的table 容器分类： container ：两边留白 container-fluid：每一种设备占
阅读全文
摘要：Bootstrap_概述： Bootstrap_概述 概念：一个前端开发的框架 框架：一个半成品软件，开发人员可以在框架基础上，在进行开发，简化编码 好处：定义了很多css样式和js插件，我们开发人员直接可以使用这些样式和插件得到丰富的页面效果 响应式布局：（根据页面的分辨率，自动调整布局大小） 同
阅读全文
摘要：案例5_表格全选： <html lang="en"> <head> <meta charset="UTF-8"> <title>表格全选</title> <style> table{ border: 1px solid; width: 500px; margin-left: 30%; } td,th
阅读全文
摘要：事件概述： 概念：某些组件被执行了某些操作后，触发某些代码的执行 事件：某些操作，如：单击 双击 键盘按下了 ，鼠标移动了 事件源：组件，如：按钮 文本输入框... 监听器：代码 注册监听：将事件，事件源，监听器结合在一起，当事件源上发送某个事件，则触发执行某个监听器代码。 常见事件： 点击事件 o
阅读全文
摘要：HTMLDOM_innerHTML： 标签体的设置和获取：innerHTML innerHTML 属性可用于获取或替换 HTML 元素的内容。 innerHTML 属性可用于获取或改变任何 HTML 元素，包括 <html> 和 <body>。 代码实现： <head> <meta charset=
阅读全文
摘要：案例4_动态表格添加： 分析： 1，添加 （1）.给添加按钮绑定事件 （2）.获取文本框内容 （3）.创建td设置td的文本框的内容 （4）.创建tr （5）.将td添加到tr中 （6）.获取table，将tr添加到table中 代码实现： <head> <meta charset="UTF-8">
阅读全文
摘要：DOM_Document对象_创建DOM对象： 1．创建其他DoM对象： createAttribute(name) createComment（） createElement（） createTextNode（） 代码实现： <!DOCTYPE html> <html> <head> <meta
阅读全文
摘要：案例3_自动跳转首页： 分析： 1.显示页面效果<p> 2 .倒计时读秒效果实现 2.1定义一个方法，获取span标签，修改span标签体内容，时间-- 2.2定义一个定时器，1秒执行一次该方法 3.在方法中判断时间如果<= 0，则跳转到首页 代码实现： <!DOCTYPE html> <html>
阅读全文
摘要：BOM_window属性： 1．属性： 1．获取其他BOM对象： history location Navigator screen： 2．获取DOM对象 document 代码实现： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <tit
阅读全文
摘要：BOM_window定时器方法： 与定时器有关的方式： setTimeout（）：在指定的毫秒数后调用函数或计算表达式。 参数： 1.js代码或者方法对象 2.毫秒值 返回值：唯一标识，用于取消定时器 clearTimeout（）：取消由setTimeout（）方法设置的timeout。 setIn
阅读全文
摘要：BOM概述： BOM： 1．概念∶Browser object Model 浏览器对象模型 将浏览器的各个组成部分封装成对象。 2组成： window :窗口对象 Navigator :浏览器对象 screen :显示器屏幕对象 History :历史记录对象 Location :地址栏对象 BOM
阅读全文
摘要：JavaScript对象_Global： Global： 1．特点:全局对象，这个Global中封装的方法不需要对象就可以直接调用。方法名(); 2．方法： encodeURI() : url编码 decodeURI() : url解码 encodeURIComponent() : url编码,编码
阅读全文
摘要：DOM简单学习： DOM简单学习:为了满足案例要求 功能∶控制html文档的内容 代码:获取页面标签(元秦)对象Element document.getElementById("id值"):通过元素的id获取元素对象 操作Element对象︰ 1．修改属性值: 1．明确获取的对象是哪一个? 2．查看
阅读全文
摘要：JS对象RegExp2： 1．正则对象: 1.创建 1. var reg =new_ RegExp(""正则表达式""); 2. var reg =/正则表达式/ ; 2．方法 1. test(参数):验证指定的字符串是否符合正则定义的规范 代码实现： <!DOCTYPE html> <html>
阅读全文
摘要：JS对象Function： Function：函数(方法)对象 1.创建： 1. var fun = new Function(形式参数列表,方法体); //忘掉吧 2. function方法名称(形式参数列表){ 方法体 } 3. var方法名.= function(形式参数列表){ 方法体 }
阅读全文
摘要：JavaScript对象_Math： Math:数学 1．创建: 特点:Math对象不用创建,直接使用。Math.方法名(); 2．方法: random():返回0~1之间的随机数。含0不含1 ceil(x):对数进行上舍入。 floor():对数进行下舍入。 round(x):把数四舍五入为最接近
阅读全文
摘要：JavaScript对象_Array： Array:数组对象 1．创建： 1. var arr = new Array(元素列表); 2. var arr = new Array(默认长度); 3. var arr =[元素列表]; 2．方法 join(参数):将数组中的元素按照指定的分隔符拼接为字
阅读全文
摘要：JavaScript语法_流程控制语句： //1．语句以;结尾，如果一行只有一条语句则;可以省略（不建议) //1.语句以;结尾，如果一行只有一条语句则可以省略（不建议） let a = 3 alert(a) 2．变量的定义使用let关键字，也可以不使用 用:―定义的变量是局部变量 不用:定义的变量
阅读全文
摘要：JavaScript语法_逻辑运算符： 逻辑运算符： &&:与(短路) ||:或(短路) ！:非 其他类型转boolean： 1. number:0或NaN为假，其他为真 2. string:除了空字符串(" ")，其他都是true 3. null&undefined :都是false 4.对象:所
阅读全文
摘要：JavaScript语法_一元运算符： 1.一元运算符：只有一个运算数的运算符 ++， --，+(正号)-(负号) ++ --：自增(自减) ++（--）在前，先自增(自减)，再运算 ++(--)在后，先运算，再自增(自减) +(-)：正负号 注意：在JS中，如果运算数不是运算符所要求的类型，那么j
阅读全文
摘要：JavaScript语法_变量： 1.变量： 变量:小块存储数据的内存空间 Java语言是强类型语言，而Javascript是弱类型语言。 强类型:在开辟变量存储空间时，定义了空间将来存储的数据的数据类型。只能存储固定类型的数据 弱类型:在开辟变量存储空间时，不定义空间将来的存储数据类型，可以存放任
阅读全文
摘要：JavaScript语法_与html结合方式： ECMAscript :客户端脚本语言的标准 1．基本语法∶ 与html结合方式 1．内部JS : 定义<script>，标签体内容就是js代码 2．外部JS: 定义<script>，通过src属性引入外部的js文件 注意: 1. <script>可以
阅读全文
摘要：JavaScript简介： 概念:一门客户端脚本语言 运行在客户端浏览器中的。每一个浏览器都有Javascript的解析引擎 脚本语言:不需要编译，直接就可以被浏览器解析执行了 功能︰ 可以来增强用户和html页面的交互过程，可以来控制html元秦，让页面有一些动态的效果，增强用户的体验。 Java
阅读全文
摘要：CSS属性2_盒子模型： 1．盒子模型:控制布局 margin :外边距 padding :内边距 默认情况下内边距会影响整个盒子的大小 box-sizing: border-box;设置盒子的属性，让width和height就是最终盒子的大小 float :浮动 left right 代码实现：
阅读全文
摘要：CSS_选择器_扩展选择器： 1．扩展选择器︰ 选择所有元素︰ 语法:{} 并集选择器∶ 选择器1,选择器2{} 子选择器∶筛选选择器1元素下的选择器2元素 语法:选择器1选择器2{} 父选择器∶筛选选择器2的父元秦选择器1 语法:选择器1>选择器2{} 属性选择器:选择元秦名称，属性名=属性值的元
阅读全文
摘要：CSS语法格式： 格式∶ 选择器{ 属性名1:属性值1; 属性名2:属性值2; } 选择器:筛选具有相似特征的元秦 注意: 每一对属性需要使用;隔开，最后一对属性可以不加; CSS_选择器_基础选择器： 1.基础选择器 1. id选择器:选择具体的id属性值的元素.建议在一个html页面中id值唯一
阅读全文
摘要：CSS概述： css:页面美化和布局控制： 1．概念: cascading style sheets层叠样式表 层叠:多个样式可以作用在同一个html的元秦上，同时生效 2．好处∶ 1．功能强大 2．将内容展示和样式控制分离 降低耦合度。解耦 让分工协作更容易 提高开发效率 CSS_与html结合方
阅读全文
