03 2022 档案
摘要:1、个人比较喜欢这种,如下 window.onload = function(){ /*750代表设计师给的设计稿的宽度,你的设计稿是多少,就写多少;100代表换算比例,这里写100是为了以后好算,比如,你测量的一个宽度是100px,就可以写为1rem,以及1px=0.01rem等等*/ getRe
阅读全文
摘要:rem.js代码: (function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc =
阅读全文
摘要:HTML 用户名:<input type="text" id="UserAccount" onKeyPress="JumpByEnter(UserPwd)" /> 密码:<input name="UserPwd" type="password" onKeyPress="IsEnterKeyPress
阅读全文
摘要:if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) { document.write("移动")} else { document.write("PC")}
阅读全文
摘要:CSS三大特性—— 继承、 优先级和层叠。 继承:即子类元素继承父类的样式; 优先级:是指不同类别样式的权重比较; 层叠:是说当数量相同时,通过层叠(后者覆盖前者)的样式。 css选择符分类 首先来看一下css选择符(css选择器)有哪些? 1.标签选择器(如:body,div,p,ul,li) 2
阅读全文
摘要:冲突设置: button.btn { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-si
阅读全文
摘要:实例 返回下一个列表选项的 HTML 内容: var x = document.getElementById("item1").nextElementSibling.innerHTML; 定义和用法 nextElementSibling 属性返回指定元素之后的下一个兄弟元素(相同节点树层中的下一个元
阅读全文
摘要:定义和用法 eval() 函数计算 JavaScript 字符串,并把它作为脚本代码来执行。 如果参数是一个表达式,eval() 函数将执行表达式。如果参数是Javascript语句,eval()将执行 Javascript 语句。 语法 eval(string) 参数描述 string 必需。要计
阅读全文
摘要:实例 指定每个 p 元素匹配的父元素中第 2 个子元素的背景色: p:nth-child(2) { background:#ff0000; } 定义和用法 :nth-child(n) 选择器匹配父元素中的第 n 个子元素,元素类型没有限制。 n 可以是一个数字,一个关键字,或者一个公式。 实例 1
阅读全文
摘要:定义和用法 classList 属性返回元素的类名,作为 DOMTokenList 对象。 该属性用于在元素中添加,移除及切换 CSS 类。 classList 属性是只读的,但你可以使用 add() 和 remove() 方法修改它。 语法 element.classList Properties
阅读全文
摘要:<!DOCTYPE html><html><head><style> div { -webkit-user-select: none; /* Safari */ -ms-user-select: none; /* IE 10 and IE 11 */ user-select: none; /* St
阅读全文
摘要:实例 列表中添加项: document.getElementById("myList").insertBefore(newItem,existingItem); 添加前: Coffee Tea 添加后: Water Coffee Tea 定义和用法 insertBefore() 方法可在已有的子节点
阅读全文
摘要:解决方案(任选一种):1. div设置 font-size:0; 2. img设置 display:block; 3. div设置 display:flex; 4. img设置 vertical-align: middle; 原因: The white space displayed below i
阅读全文