前端三剑客
HTML、CSS、JS
ShawnYue_08
这个作者很懒,什么都没留下…
展开
-
3.5、JSON
文章目录JS函数和对象封装数据函数对象JSONJSON简介JSON语法JSON VS XMLJSON数据类型JSON.parse()JSON.stringify()JSON对象JSON数组JS函数和对象封装数据函数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt原创 2020-07-27 11:32:04 · 123 阅读 · 0 评论 -
3.4、JavaScript的DOM对象、DOM事件和JS事件对象event的属性和方法
文章目录DOMNode节点查找HTML元素改变HTML元素DOM事件删除已有的HTML元素DOM事件获取焦点失去焦点键盘事件鼠标事件单击事件表单事件加载事件其他事件JS事件对象event属性方法DOM通过 HTML DOM,可访问 JavaScript HTML 文档的所有元素。当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。HTML DOM树通过可编程的对象模型,JavaScript 获得了足够的能力来创建动态的 HTML。JavaScript原创 2020-07-25 12:57:43 · 332 阅读 · 0 评论 -
3.3、JavaScript定时器、URL编解码、JSON、BOM、弹窗
文章目录JSON定时器setTimeout()setInterval定时器URL编解码BOMwindow对象navigator对象screen对象location对象document对象history对象JavaScript弹窗JSONjson是什么JavaScript Object Notation,JS对象简谱,是一种轻量级的数据交换格式。早期,所有的数据传输习惯使用XML文件。格式:对象:{}数组:[]所有的键值对:key : valueJSON字符串和JS对象的区别var原创 2020-07-13 18:30:55 · 149 阅读 · 0 评论 -
3.2、JavaScript对象和函数
文章目录函数函数的两种定义方式、自调用函数、arguments参数javascript:void(0)StringNumber无穷大NaNDateMathArrayRegExp 对象函数函数的两种定义方式、自调用函数、arguments参数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="wid原创 2020-07-12 16:26:49 · 167 阅读 · 0 评论 -
3.1、JavaScript入门
文章目录JavaScript入门为什么学习JavaScriptJS与HTML代码的结合注释输出数据类型typeof操作符nullundefined对象函数事件字符串运算符条件语句循环语句类型转换严格模式JavaScript入门为什么学习JavaScriptJavaScript: web 开发人员必须学习的 3 门语言中的一门,HTML 定义了网页的内容CSS 描述了网页的布局JavaScript 网页的行为JavaScript 是一种轻量级的编程语言。JavaScript 是可插入 HT原创 2020-07-07 17:39:26 · 136 阅读 · 0 评论 -
2.4、CSS布局、CSS3过渡与动画
文章目录CSS布局overflow属性浮动水平 & 垂直对齐伪元素导航栏下拉菜单CSS3过渡过渡div的宽度和高度旋转过渡位移过渡缩放过渡伪类选择器CSS3动画from-to%形式漂浮广告页CSS布局overflow属性CSS overflow 属性可以控制内容溢出元素框时在对应的元素区间内添加滚动条。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &原创 2020-07-06 13:25:23 · 344 阅读 · 0 评论 -
2.3、CSS样式、盒子模型
文章目录样式背景文本字体列表表格CSS盒子模型边框普通边框CSS3边框CSS3圆角属性外边距和内边距样式背景属性描述background-color设置背景颜色background-image设置背景图片,urlbackground-repeat设置背景图片是否重复,no-repeatbackground-size放大/缩小背景图片以铺满整个div,coverbackground-attachment设置背景图片是否滚动,默认滚动scoll,fix原创 2020-07-06 10:21:57 · 354 阅读 · 0 评论 -
2.2、CSS选择器
文章目录CSS选择器基础选择器ID选择器类选择器标签选择器选择器的优先级选择器的分组层次选择器后代选择器子元素选择器相邻兄弟选择器通用选择器伪类选择器属性选择器CSS选择器选择器的作用就是根据不同需求,把不同的标签选择出来。基础选择器ID选择器<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type=原创 2020-07-04 18:56:47 · 227 阅读 · 0 评论 -
2.1、CSS入门
文章目录CSS层叠样式表简介CSS页面定位块标签、行内标签、行内块标签的转换HTML中的表格引入CSS样式的方式CSS层叠样式表简介HTML标签能够定义网页元素,它还会自带一些属性来控制样式,这个时候觉得这样设置不好,所以CSS的出现是为了解决内容与表现分离的问题。基础语法选择器 { 声明1; 声明2; ...}比如:p { color: red; text-align: center;}CSS页面定位<!DOCTYPE html><html la原创 2020-06-27 21:42:50 · 146 阅读 · 0 评论 -
1、HTML超文本标记语言
文章目录HTML标记语言简介文字分隔标记排版标记字体标记与分割线标记背景标记图像信息列表标记特殊字符超链接表格表单多媒体块标签和行标签HTML标记语言HyperText Markup Language 超文本标记语言,是一种用于创建网页的标准标记语言。HTML不是一种编程语言,而是一种标记语言。您可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。由w3c定义的一系列的标签构成。简介<!DOCTYPE html><html>原创 2020-06-27 17:39:20 · 350 阅读 · 0 评论