documentElement

随笔

随笔关于router-link:对于需要拦截的跳转,目前个人还没找到好的方式,所以只好手动写跳转关于vue中监听屏幕大小的问题data(){return{windowHeight:document.documentElement.clientHeight
liRemons·2020-08-18 20:41

JS 中屏幕、浏览器和文档的高度、宽度和距离

1、各种对象window.screen-屏幕，window-窗口，document.documentElement&document.body.parentNode-文档，document.body-文档的主体
diaoqinxian6438·2020-08-18 20:09

1920*1080pc端适配

(function(doc,win){vardocEl=doc.documentElement,resizeEvt='orientationchange'inwindow?'
adai19850204·2020-08-18 19:56

判断浏览器是否滚动到页面底部-兼容写法

、document.documentElement.scrollTop和document.body.scrollTop始终有一个为0，所以可以用这两个的和来求scrollTop2、scrollHeight
huyao_road·2020-08-18 16:56

Jsp页面纵向滚动条定位

一、各浏览器下scrollTop的差异:IE6/7/8/9：document.documentElement.scrollTop；Firefox:document.documentElement.scrollTop
冰山上的来客_胡杨·2020-08-18 05:42

rem做到pc端到移动端自适应

将下面自适应js代码放到head下面body上面adaptive(document,window);//初始加载自适应functionadaptive(doc,win){vardocEl=doc.documentElement
weixin_40365953·2020-08-18 05:13

移动端适配两种转换

(function(doc,win){vardocEl=doc.documentElement,resizeEvt='orientationchange'inwindow?'
你回头我就在·2020-08-18 01:19

javascript获取Document类型和Element类型属性

1、文档子节点可以使用document.documentElement属性，该属性始终指向HTML页
30以后的男人·2020-08-17 23:46

网易星球钻石随机排列且不重叠代码实现

html部分{{randomArr}}{{ball.left}}-{{ball.top}}2.js部分exportdefault{data(){return{clientWidth:document.documentElement.clientWidth
coffee豆丿·2020-08-17 23:36

html/css基础篇——关于浏览器window、document、html、body高度的探究

首先说明本人所理解的这几个元素的计算window高度应当是文档所在窗口的可视高度（没有包括浏览器的滚动条），计算方法document.documentElement.clientHeightdocument
ajb11683·2020-08-17 21:36

Spring的schemaResolver

为了保持Spring的高可扩展性，用户可以在Spring的基础上最大限度的开放，这里采用了SchemaResolver,解析器采用最基本的DocumentElement.这里给个例子并不是
a1000005aa·2020-08-17 21:11

作用

值可为数字或关键词device-width、phys.widthdevice-width：又指css-width，通过window.screen.width获取phys.width：物理宽度，通过document.documentElement.clie
Silent_Paladin·2020-08-17 20:36

获取滚动条scrollTop距离总是为0

scrollTop的时候总是为0，自己在控制台断点调试后发现还是一直未0，能获取到，就是这个距离是为0，检查语句和HTML还是没有发现错误，后来去百度解决方法，终于明白在不同浏览器下，document.documentElement.scrollTop
l798358117·2020-08-17 13:58

今日总结 上拉加载 loading toast

window.onscroll=function(){//变量scrollTop是滚动条滚动时，距离顶部的距离varscrollTop=document.documentElement.scrollTop
qq_38674970·2020-08-17 06:41

类似瀑布流方式动态加载数据到页面（类似QQ空间加载数据）

window_onscroll;}添加加载window_onscroll函数：functionwindow_onscroll(){vartop=document.body.scrollTop||document.documentElement.scrollTop
红领巾-Sunlight·2020-08-17 02:25

js判断滚动条是否停止滚动

function(){if(interval==null)//未发起时，启动定时器，1秒1执行interval=setInterval("test()",1000);topValue=document.documentElement.scrollTop
qupeng666·2020-08-17 02:42

js监听滚动条滚动事件

window.οnscrοll=function(){vart=document.documentElement.scrollTop||document.body.scrollTop;//变量t就是滚动条滚动时
weixin_30786617·2020-08-16 21:51

总结js中的BOM

获取html中的节点document.getElementById("header");获取window尺寸方法(获取的是当前窗口的大小,小于或等于用户可用浏览器的大小):document.documentElement.clientHeightdocument.documentElement.clientWidth
qq_40957216·2020-08-16 20:46

网页返回顶部

返回顶部按钮#gotopbtn{position:absolute;top:expression(eval(document.documentElement.scrollTop+50));}body{font
iteye_3224·2020-08-16 19:49

js动态创建星星，随机生成星星

具体看文章底部封装好的函数varw=document.documentElement.clientWidth;//获取整个ht
WALTER_CHM·2020-08-16 18:24

js选中拖曳

red;position:absolute;}varoDiv=document.querySelector("div");//首先获取要拖拽的div//获取当前可视界面的宽高varcw=document.documentElement.clientW
kenny_bb·2020-08-16 17:15

去除alert/confirm所带的网址

document.createElement("IFRAME");iframe.style.display="none";iframe.setAttribute("src",'data:text/plain,');document.documentElement
爱忽悠的唐唐·2020-08-16 16:05

alert提示框去掉域名

document.createElement("IFRAME");iframe.style.display="none";iframe.setAttribute("src",'data:text/plain,');document.documentElement.appendChild
weixin_33935777·2020-08-16 15:48

重写alert方法，去掉地址显示

document.createElement("IFRAME");iframe.style.display="none";iframe.setAttribute("src",'data:text/plain,');document.documentElement.appendChild
weixin_30716725·2020-08-16 15:48

笔记-移动端rem适配和解决安卓手机键盘唤起引起样式问题

移动端rem适配：vardeviceWidth=document.documentElement.clientWidth;if(deviceWidth>750)deviceWidth=750;document.documentElement.style.fontSize
林尧彬·2020-08-16 15:50

如何去掉alert在ios的域名显示

document.createElement('IFRAME')iframe.style.display='none'iframe.setAttribute('src','data:text/plain,')document.documentElement.appendChild
热心群众李先生·2020-08-16 14:53

alert弹窗去掉上方网址标题

document.createElement('IFRAME');iframe.style.display='none';iframe.setAttribute('src','data:text/plain,');document.documentElement.appendChild
lijixuanA·2020-08-16 13:53

ISO手机端的h5界面 alert弹出框 不显示IP地址

document.createElement("IFRAME");iframe.style.display="none";iframe.setAttribute("src",'data:text/plain,');document.documentElement.appendChild
weekingqi·2020-08-16 13:01

去除IOS移动端alert中的域名

document.createElement("IFRAME");iframe.style.display="none";iframe.setAttribute("src",'data:text/plain,');document.documentElement.appendChild
jane_zhang1022·2020-08-16 13:54

js 重写alert 隐藏ip或者域名

document.createElement("IFRAME");iframe.style.display="none";iframe.setAttribute("src",'data:text/plain,');document.documentElement.appendChild
daybab8105·2020-08-16 12:18

js清除或隐藏alert和confirm中的网址内容

alertwindow.alert=function(message){variframe=document.createElement("IFRAME");iframe.style.display="none";document.documentElement.appendChild
sunnyFelix·2020-08-16 10:18

vue 响应式rem css编写

prem){varhtml=document.getElementsByTagName('html')[0]varoWidth=document.body.clientWidth||document.documentElement.clientWidthh
快帮我写代码·2020-08-16 05:30

vue中使用rem布局

文件中添加一段js代码:fnResize();window.onresize=function(){fnResize();}functionfnResize(){vardeviceWidth=document.documentElement.clientWidth
大橙子Gsc·2020-08-15 20:37

vue 回到顶部

代码这里样式就忽略吧只是一个简单的上箭头图标这里记得绑定点击事件顶部在methods中写上回到顶部的方法//点击图片回到顶部方法，加计时器是为了过渡顺滑backTop(){constthat=this;document.documentElement.scrollTop
冉茉莉·2020-08-15 19:32

vue cli3中使用postcss-pxtorem进行适配(亲测有效!)

//蓝湖上设计稿自定义为375px测量值直接写入即可(function(){constbaseSize=16;//32functionsetRem(){constscale=document.documentElement.clientWidth
royal-·2020-08-15 19:57

移动Web开发-WebApp（flex布局+移动端导航案例）

屏幕横向分辨率²+屏幕纵向分辨率²）/屏幕对角线长度（单位英寸）视口viewportconsole.log(window.innerWidth);//窗口文档显示区宽度console.log(document.documentElement
冬眠的龙龙·2020-08-15 15:00

element table高度自适应

1.自定义一个table的高度tableHeight2.data中给tableHeight一个默认的高度tableHeight:window.innerHeight||document.documentElement.clientHeight
木槿之夏·2020-08-15 15:41

设置DIV显示在屏幕中间

document.documentElement.clientWidth:document.body.clientWidth;clientHeight=document
jack_zy1981·2020-08-15 14:54

px转换为rem

比较好计算html{font-size:100px;//此时1rem=100px}//2.获取设计稿宽度和当前屏幕宽度console.log(getComputedStyle(window.document.documentElement
嫑哭嘦笑·2020-08-15 09:14

移动端页面强制横屏

0;width:100%;overflow-y:scroll;}.content{width:100%;}img{width:100%;}$(function(){varwidth=document.documentElement.clientWidth
S_壮·2020-08-15 01:02

移动端开发rem单位的格式化js文件flexible.js

css中做一些规定,也可以直接通过js来控制,这样,更是最大程度的还原了设计图.以下代码为转载;(function(win,lib){vardoc=win.document;vardocEl=doc.documentElement
buptMelody·2020-08-15 00:53

前端开发中的各种宽高整理

前端开发中的各种宽高整理文档及其内容的视觉属性，包括布局框定位、视区宽高和元素滚动一、获取可视区域的宽高document.documentElement.clientWIdthdocument.documentElement.clientHeight
self_discipline123·2020-08-15 00:05

react hook监听窗口大小

useCallback,useState,useEffect}from'react';functionChangeSize(){const[size,setSize]=useState({width:document.documentElement.clientWidth
影夜随风·2020-08-15 00:58

vue-cli 3.0 配置sass/scss全局函数、变量 配合 vw vh 做移动端自适应布局

rem单位js代码：(function(doc,win){vardocEl=doc.documentElement,resizeEvt='orientationchange'inw
MuGuiLin·2020-08-14 23:26

PHP以数组形式获得XML内容

load('config.xml');$config=$doc->documentElement;//获得根节点下面的子节点$childs=$config->childNodes;for($i=0;$ilength
tianpeiwen·2020-08-14 11:48

html+css：鼠标跟随特效气泡3

示例见图代码如下Above&Beneath:FeaturedContentLayoutEffect|Demo1document.documentElement.className='js';arrowdropgridsoundonsoundoffSeaweedSuper-nutritiousoceanplantsGreenGloryMysticCrunchFineJellyNutriBom
静静静静静rj·2020-08-14 11:48

html+css：鼠标跟随特效气泡1

示例如图代码如下Above&Beneath:FeaturedContentLayoutEffect|Demo3document.documentElement.className='js';arrowdropgridsoundonsoundoffBlueDiversProfessionalDivingAcademyAquaLungSurvivalGuideSafetyLessonsOxyg
静静静静静rj·2020-08-14 11:48

解决因为手机设置字体大小导致h5页面在webview中变形的BUG

functionhtmlFontSize(){varh=Math.max(document.documentElement.clientHeight,window.innerHeight||0);varw
my小新·2020-08-14 08:06

移动端fixed定位按钮在底部，键盘弹起，不让底部按钮顶上去

当按钮高度过小时就可以判定为出现这种情况，这时把按钮直接隐藏掉之类的data(){return{isOriginHei:true,screenHeight:window.innnerHeight||document.documentElement.clientHeight
weixin_34255793·2020-08-14 08:53

微信小程序中rpx与rem单位使用

webapp变革之remrpx单位官方文档rpx单位基础介绍如果看完上面几篇文章，我们开始进入正题吧~~一、rem的使用1）js中导入下面这段代码(function(doc,win){vardocEl=doc.documentElement
weixin_34088598·2020-08-14 08:45
上一页 16 17 18 19 20 21 22 23 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他