html
关注
分享
扫一扫
1学习者1
不为失败找理由只为成功找方法
展开
-
前端兼容性问题
1、addEventListener()IE 8 及更早 IE 版本，Opera 7.0及其更早版本不支持 addEventListener() 和 removeEventListener() 方法。但是，对于这类浏览器版本可以使用 detachEvent() 方法来移除事件句柄:element.attachEvent(event, function);element.detachEvent(event, function);实例跨浏览器解决方法:var x = document.原创 2020-10-12 22:24:00 · 904 阅读 · 0 评论 -
后台返回数据打印是[object object]的，报错：SyntaxError: JSON.parse: expected property name or ‘}‘ at line 1 column
今天基于这个问题纠结了一下午，导致这个问题的坑也是挺深的，查找问题最好是从这条数据的存储开始查找问题1：先确定后台接收数据后存储到数据库里有没有自动转义特殊字符，比如原始数据是：[{"user_id":20,"good":true}]，这样的一个对象数组存入数据库是：[{"user_id":20,"good":true}]说明数据经过后端的逻辑处理，把前端的数据转义存储了解决这个问题，前端传参数组的时候先用JSON.原创 2020-09-12 22:18:59 · 5949 阅读 · 0 评论 -
前端知识点总结
1、DOM结构 —— 两个节点之间可能存在哪些关系以及如何在节点之间任意移动。（通俗易懂的来讲讲DOM、两个节点之间可能存在哪些关系以及如何在节点之间任意移动）DOM: Document Object Module, 文档对象模型。节点的关系：父（parent）、子（child）和同胞（sibling）等节点关系；- 在节点树中，顶端节点被称为根（root）- 每个节点都有父节点、...原创 2020-02-19 16:33:31 · 470 阅读 · 0 评论 -
纯静态网站模板封装header和footer
前后端分离的网站模板，如果不用任何渲染引擎，能否封装公共的header和footer（或其它html公共代码呢）？答案是肯定的，因为jQuery有一个函数叫 load ，可以在浏览器绘制页面之前加载完整的 html 页面。所以，当前页面必须要先加载jQuery框架，即你的script标签加载顺序需要注意。示例代码如下：index.html<!DOCTYPE html>...原创 2019-08-18 00:30:49 · 4749 阅读 · 1 评论 -
javascript基本函数
如何使用jquery刷新当前页面下面介绍全页面刷新方法：有时候可能会用到window.location.reload()刷新当前页面.parent.location.reload()刷新父亲对象（用于框架）opener.location.reload()刷新父窗口对象（用于单开窗口）top.location.reload()刷新最顶端对象（用于多开窗口）下面再介绍一些jav...转载 2019-08-20 02:33:34 · 240 阅读 · 0 评论 -
iframe嵌套其它网站页面详解
iframe基本内涵通常我们使用iframe直接直接在页面嵌套iframe标签指定src就可以了。<iframe src="demo_iframe_sandbox.htm"></iframe>但是，有追求的我们，并不是想要这么low的iframe. 我们来看看在iframe中还可以设置些什么属性//iframe常用属性://1.frameborder:...转载 2019-07-19 11:32:17 · 58696 阅读 · 0 评论 -
JavaScript 操作 HTML DOM (文档对象模型) 相关知识点
HTML DOM 树通过可编程的对象模型，JavaScript 获得了足够的能力来创建动态的 HTML。JavaScript 能够改变页面中的所有 HTML 元素 JavaScript 能够改变页面中的所有 HTML 属性 JavaScript 能够改变页面中的所有 CSS 样式 JavaScript 能够对页面中的所有事件做出反应查找 HTML 元素通常，通...原创 2019-07-05 18:29:31 · 313 阅读 · 0 评论 -
淘宝顶部header的居中布局
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-06-29 17:09:04 · 2005 阅读 · 0 评论 -
前端两个经典bug
1、margin塌陷bug<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta...原创 2019-06-29 16:38:07 · 1087 阅读 · 0 评论 -
css之文本溢出处理 | 背景图片处理
文本溢出处理单行文本用缩略符号——text-overflow:ellipsis;多行文本做截断策略——line-height * 行数 = height;text-overflow:hidden;背景图片处理相关属性1、background：设置对象的背景样式，是一个复合属性，可以用于同时设置背景色、背景图片、背景重复模式等属性。 该复合属性可以分开写为以下几个属性：...原创 2019-06-29 14:20:26 · 969 阅读 · 0 评论 -
H5新增的标签和属性
声明Web 世界中存在许多不同的文档。只有了解文档的类型，浏览器才能正确地显示文档。HTML 也有多个不同的版本，只有完全明白页面中使用的确切 HTML 版本，浏览器才能完全正确地显示出 HTML 页面。这就是 <!DOCTYPE> 的用处。<!DOCTYPE> 不是 HTML 标签。它为浏览器提供一项信息（声明），即 HTML 是用什么版本编写的。在 HT...转载 2019-06-28 22:59:17 · 209 阅读 · 0 评论 -
html中内联元素和块级元素的区别（整理版）
块级元素和内联元素的主要区别 块级元素 内联元素（即行内元素） 总是在新行上开始，独占一行默认情况下，宽度自动填满其父元素 相邻的行内元素会排列再同一行里，直到一行排不下，才会换行，宽度随元素的内容而变化 可以设置width,height属性 设置width，height属性无效 ...原创 2019-06-28 16:56:08 · 1129 阅读 · 0 评论