html
关注
分享
扫一扫
文章平均质量分 65
灵灵7
这个作者很懒，什么都没留下…
展开
-
offsetLeft与style.left的区别
http://www.cnblogs.com/woshilee/articles/1951457.html offsetLeft 获取的是相对于父对象的左边距left 获取或设置相对于 具有定位属性(position定义为relative)的父对象 的左边距如果父div的position定义为relative,子div的position定义为absolute，那么子div的styl...转载 2018-08-10 14:31:26 · 271 阅读 · 0 评论 -
同源策略和跨域访问
原文章：https://blog.csdn.net/shimiso/article/details/218303131. 什么是同源策略 理解跨域首先必须要了解同源策略。同源策略是浏览器上为安全性考虑实施的非常重要的安全策略。 何谓同源: URL由协议、域名、端口和路径组成，如果两个URL的协议、域名和端口相同，则表示他们同源。 同源策略:...转载 2019-04-28 00:06:19 · 701 阅读 · 0 评论 -
html5 新特性：文档声明和头部信息 ( !DOCTYPE 和 meta 标签)
Html5 推出的新内容比较多，本文我们来介绍两个重点内容，文档类型声明和头部信息文档类型声明 ：Html4.01和 Xhtml1.0：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.d...转载 2019-04-19 15:05:43 · 2235 阅读 · 0 评论 -
window.pageXOffset /pageYOffset 和 scrollLeft、scrollTop 返回当前页面相对于窗口显示区左上角的坐标位置
用法：返回网页视区左上角的起始点相对于浏览器的X,Y位置pageXOffset 设置或返回当前页面相对于窗口显示区左上角的 X 位置。pageYOffset 设置或返回当前页面相对于窗口显示区左上角的 Y 位置。语法：window.pageXOffsetwindow.pageYOffsetpageXOffset 和 pageYOffset 属性相等于 scrol...原创 2019-04-19 15:57:15 · 2666 阅读 · 0 评论 -
浏览器渲染模式：标准模式和怪异模式、为什么需要文档声明 !DOCTYPE？使用 document.body 还是 document.documentElement？
什么是文档声明？<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。所有文档的开头都会有文档声明<!DOCTYPE>标签来声明它采用哪种标准来解析当前网页。<!DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。DTD 是什么？ DT...原创 2019-04-19 16:01:41 · 693 阅读 · 0 评论 -
路径：当前目录 ./ 父级目录 ../ 根目录/
1、./是当前目录2、../是父级目录3、/是根目录转载 2019-05-04 15:04:09 · 5604 阅读 · 1 评论 -
html5 离线缓存 Manifest 属性、.appcache文件
参考一：HTML5离线缓存Manifesthttps://www.cnblogs.com/xiangling/p/5626117.html参考二：https://m.jb51.net/html5/438218.html（这篇文章的 manifest 配置文件例子少了一句 CACHE 代码，会导致缓存是表白）manifest 的作用：简单来说manifest能让你的应...原创 2019-05-04 20:33:44 · 2086 阅读 · 0 评论 -
nodeValue 节点值（文本节点和属性节点有值）、innerHTML（返回节点、子节点及值）、 value（返回 input 的值）
原文章：https://www.jianshu.com/p/a5976186f6b2==》DOM一共有12种节点，其中常见的有：1.文档节点（document，一个文档只能有一个文档元素（在html文档中，它是<html>））2.元素节点（div、p之类）3.属性节点（class、id、src之类）4.文本节点（插入在div、p之类里面的内容）5.注释节点....转载 2019-05-05 12:57:35 · 1597 阅读 · 0 评论 -
HTML5 移动页面自适应手机屏幕四种方法
原文章：https://blog.csdn.net/huang100qi/article/details/818424081、使用meta标签：viewportH5移动端页面自适应普遍使用的方法，理论上讲使用这个标签是可以适应所有尺寸的屏幕的，但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。viewport 是用户网页的可视区域。翻译为中文可以叫做"视区"。...转载 2019-04-25 11:44:38 · 608 阅读 · 0 评论 -
window 对象 和 document 对象
window 对象---描述： 一个顶层对象，代表浏览器中的一个打开的窗口或者框架，window对象会在 <body> 或者 <frameset> 每次出现时被自动创建 在客户端JavaScript中，Window对象是全局对象，所有的表达式都在当前的环境中计算，要引用当前的窗口不需要特殊的语法，可以把那个窗口属性作为全局变量使用...转载 2019-04-30 15:07:35 · 805 阅读 · 0 评论 -
flexible.js 移动端自适应方案
文章链接：https://www.jianshu.com/p/04efb4a1d2f8转载 2019-05-06 00:35:41 · 546 阅读 · 0 评论 -
完美的响应式布局vw+vh+rem屏幕适配方案！
https://blog.csdn.net/qq_24182885/article/details/81479457转载 2019-05-06 00:59:39 · 3072 阅读 · 0 评论 -
浏览器同源政策及其规避方法
原文章：http://www.ruanyifeng.com/blog/2016/04/same-origin-policy.html一、概述1.1 含义1995年，同源政策由 Netscape 公司引入浏览器。目前，所有浏览器都实行这个政策。最初，它的含义是指，A网页设置的 Cookie，B网页不能打开，除非这两个网页"同源"。所谓"同源"指的是"三个相同"。协议相同域名相...转载 2019-04-27 23:26:41 · 175 阅读 · 0 评论 -
简述一下src与href的区别
src 与 href 的区别scrsrc用于替换当前元素，href用于在当前文档和引用资源之间确立联系。 src是source的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置；在请求src资源时会将其指向的资源下载并应用到文档内，例如js脚本，img图片和frame等元素<script src ="js.js"></script> ...转载 2019-04-18 18:16:54 · 2577 阅读 · 1 评论 -
<label> 元素：可以绑定 input 元素
<label>定义和用法<label> 标签为 input 元素定义标注（标记）。label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。<label> 标签的 for 属性应当与相关元素的 id 属...原创 2018-10-13 11:15:03 · 1474 阅读 · 0 评论 -
checkbox (input) 选择框元素的 checked 和 value 属性
<input type="checkbox"/> 选择框元素的 checked 和 value 属性：checked 属性设置或返回 checkbox 是否应被选中。语法checkboxObject.checked=true|false 返回布尔值说明该属性保存了 checkbox 的当前状态，不管何时，这个值发生变化的时候，onclick 事件句柄就会触发（...原创 2018-10-13 11:17:46 · 22165 阅读 · 0 评论 -
CSS常见的行内元素和块级元素
块级元素：div、p、h1~h6、ul、li、ol、dd、dt、dl、table、hr、blockquote、address、pre、menuHTML5中新增的：header、footer、aside、section常见的行内元素：span、img、input、a、label、button、select、textarea、sup、sub、abbr、s、i、em、u、strong、s...转载 2019-03-26 11:02:27 · 160 阅读 · 0 评论 -
语义化标签
原创 2019-04-17 11:17:18 · 185 阅读 · 0 评论 -
纯CSS（CSS3） 美化 checkbox 复选框
原文章：通过css3实现checkbox选择样式https://www.imooc.com/article/15815<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=...转载 2019-04-26 17:22:13 · 1746 阅读 · 0 评论 -
圣杯布局详解（中间盒子宽度自适应，两边盒子固定宽度）
总结：主要通过设置 margin: -100%，使本来浮动在第二行的盒子，回到第一行，使这个元素可以和 width: 100% 的浮动盒子并列；浮动 float 的原理：（float，浮动，使元素的边界和相邻的同一个方向浮动的元素边界紧贴，如果没有相邻浮动元素，就和父元素边界紧贴。也就是说，设置了 float：left 的元素，会向左浮动，直到左边缘和同样设置了 float：left...转载 2019-04-22 19:07:51 · 2743 阅读 · 0 评论 -
document.documentElement 返回文档根节点 《 html 》
语法var element = document.documentElement;备注使用这个只读属性能很方便的获取到任意文档的根元素。HTML 文档通常包含一个子节点 <html>，可能在它前面还有个DOCTYPE 声明。XML 文档通常包含多个子节点：根元素，DOCTYPE 声明，和processing instructions。所以你应该使用docum...原创 2019-04-26 22:51:34 · 1529 阅读 · 0 评论 -
HTML、XML、XHTML 有什么区别 (SGML、DTD 标准 )
总结：SGML 定义电子文档和内容描述的标准。DTD 标准是SGML 的一部分XML 是SGML 的子集，优化版 HTML 是遵循了 DTD 标准的 SGML 的文档，也可以说是 SGML 的一个实例 XHTML 是遵循了XML标准的 HTML 文档。 HTML5 是HTML最新的HTML标准。但不基于SGML，所以不遵循 DTD 标准...转载 2019-04-18 09:23:16 · 2578 阅读 · 0 评论 -
布局 圣杯布局和双飞翼布局的理解和区别
原文章：https://www.cnblogs.com/imwtr/p/4441741.html【圣杯布局】在这里，实现了左(200px) 右(220px) 宽度固定，中间自适应，container部分高度保持一致。DEMO稍微说明一下：html代码中 middle部分首先要放在container的最前部分。然后是left,right1.将三者都 float:left...转载 2019-04-23 12:02:17 · 422 阅读 · 0 评论 -
关于 viewport 界面适配不同设备方案： meta 标签 name="viewport" content="width=device-width, initial-scale=1"
什么是 Viewport?viewport 是用户网页的可视区域。1、viewport 移动设备上的viewport是设备屏幕上用来显示网页的那部分区域，再具体一点就是浏览器上用来显示网页的那部分区域，但viewport又不局限于浏览器可视区域的大小，它可能比浏览器的可视区域大，也可能比浏览器的可视区域小。在默认情况下，移动设备上的viewport都是大于浏览器可视区域的，这...转载 2019-04-18 16:29:43 · 3359 阅读 · 0 评论 -
meta 标签的常见使用方案
<meta charset="utf-8"> //声明文档使用的字符编码 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> //优先使用 IE 最新版本和 Chrome <meta name="description" content="不超过150个字符" > ...转载 2019-04-18 17:04:38 · 347 阅读 · 0 评论 -
script 脚本标签中 defer 和 async （延缓 和 异步）
原文章：https://segmentfault.com/q/1010000000640869本文章讲解几个点：<script> 标签中 的 defer和 async 是什么； 使用 defer 可以解决什么问题defer 和 async 是 <script> 标签中的属性。当浏览器碰到script脚本的时候，有下面三种情况：一、一般情况：（立...转载 2019-04-30 15:30:36 · 1077 阅读 · 0 评论