documentElement

两种viewport

浏览器窗口的尺寸：document.documentElement.cl
luna0607·2023-10-14 07:53

3.1、public公共样式

public>index.htmlfavicon.ico">927项目(function(win,lib){vardoc=win.document;vardocEl=doc.documentElement
鲸是鲸鱼的鲸·2023-10-14 03:42

原生js的触底加载

bodyScrollTop=0,documentScrollTop=0;if(document.body){bodyScrollTop=document.body.scrollTop;}if(document.documentElement
负者歌于途，·2023-10-13 15:56

原生js判断触底加载更多

//判断是否到底部window.onscroll=function(){//变量scrollTop是滚动条滚动时，距离顶部的距离varscrollTop=document.documentElement.scrollTop
岁月如歌_·2023-10-13 15:24

vue 自适应屏幕的宽高度

watch监测窗口大小变化时触发，改变属性值达到预期效果，代码贴上评测管理员登录注册exportdefault{name:"Login",data(){return{fullHeight:document.documentElement.clientHeight
岁末Zzz·2023-10-13 08:54

js 判断滚动到底部

-----------------------------*///原生JS判断整个文档滚动至底部window.onscroll=()=>{//窗口高度varwindowHeight=document.documentElement.clientHeight
小小优化师 anny·2023-10-12 12:40

button特效 水波效果（vue+js控制）

methods:{wavesEffect(e){e=e||window.event;letposition=e.target.getBoundingClientRect();letdoc=document.documentElement
菜鸟搬砖·2023-10-11 23:40

vue按键全屏和F11全屏共存

以下代码可直接复制注意此段代码//letelement=document.documentElement//当前页所有元素全屏letelement=document.getElementById(‘div1
i_am_a_div_日积月累_·2023-10-11 06:32

vue项目echart飞线地图

1.效果2.代码：letnowClientWidth=document.documentElement.clientWidth;import*asechartsfrom"echarts/core";//
cmmboy1990·2023-10-11 06:01

vue中使用vue-router切换页面时滚动条自动滚动到顶部的方法

>{window.scrollTo(0,0);});或者：//路由跳转后，页面回到顶部router.afterEach(()=>{document.body.scrollTop=0;document.documentElement.scroll
默然_f5f0·2023-10-09 02:54

遇到的js语句

指的是滚动条顶部到网页顶部的距离document.body.scrollTop对于没有doctype声明的页面里可以使用document.body.scrollTop来获取scrollTop高度；document.documentElement.scrollTop
小鬼bustern·2023-10-07 16:21

rem.js

letscale=document.documentElement.clientWidth/375;if(window.orientation==180||window.orientation==0){
月光也会跟着我·2023-10-07 01:45

Vue 返回缓存页 回到上次浏览位置

if(savedPosition){returnsavedPosition}else{if(from.meta.keepAlive){from.meta.savedPosition=document.documentElement.scrollTop
西木木亢·2023-10-06 19:02

Android部分webview rem计算误差记录

开发webapp过程中发现安卓某些机型rem计算有误差目前仅发现三星s7s8等曲面屏手机存在该问题下面记录解决方案document.documentElement.style.fontSize=document.documentElement.offsetWidth
Pretend_ebb0·2023-10-04 05:59

前端下载二维码、图片、截取页面等皆可用

html2canvasjs部分importhtml2Canvasfrom"html2canvas";functionsaveImg(val,name){window.pageYoffset=0;document.documentElement.scrollTop
Aurora_9e36·2023-10-03 00:05

html js设置窗口大小,[转载]JS和CSS实现自动根据分辨率设置页面宽度

为了实现自动根据分辨率设置页面宽度，首先我们要先知道一个JavaScript脚本document.documentElement.clientWidth获取页面宽度。
invalid s·2023-09-30 23:20

js设置rem

lethtmlWidth=document.documentElement.clientWidth||document.body.clientWidth;lethtmlDome=document.getElementsByTagName
晨阳_92d3·2023-09-30 22:16

echarts文字大屏自适应问题

轴文字大小自适应**fontSize(res)**返回值：字体大小**/functionfontSize(res){letclientWidth=window.innerWidth||document.documentElement.clientWidth
heler·2023-09-30 07:11

el-tree懒加载 一键展开所有子节点

el-tree懒加载一键展开所有子节点html页面java后台处理展示效果html页面全部展开varvue=newVue({el:'#app',data:{height:document.documentElement.clientHeight
大哥_ZH·2023-09-30 03:04

Ueditor 在vue中使用图片缩放焦点位置

me.editor.document.documentElement.scrollTopimage.png
一沭丶·2023-09-29 09:34

通过ref使元素动态高度

constmoreEditBoxHeight=newResizeObserver(entries=>{for(letentryofentries){//执行其他操作letwindowHeight=document.documentElement.clientHeight
```陪伴·2023-09-29 02:32

DOM操作之元素集合使用Array数组的sort()等自带函数

属性（getElementsByName）3、通过标签名（getElementsByTagName）4、通过类名（getElementsByClassName）5、获取html的方法（document.documentElement
何必如此为难·2023-09-28 16:39

2019-02-17

->source->js->index.js中，找到functionreHeightToc(){if(toc){//resizetocheighttoc.style.height=(document.documentElement.clientHeight
Tumaine·2023-09-28 11:27

你应该知道的兼容写法

1.滚动条varscrollTop=document.documentElement.scrollTop||document.body.scrollTop;console.log(scrollTop);
zhengshilin·2023-09-26 07:57

关于scrollTop的问题

使用document.documentElement.scrollTop和document.body.scrollTop的问题：Google、360极速、ie、火狐、欧朋、QQ浏览器：document.body.scrollTop
酷酷的小k·2023-09-25 18:15

getBoundingClientRect

((win)=>{vartid,refreshWidth=()=>{varcliR=win.document.documentElement.getBoundingClientRect()//varwidth
jh2k15·2023-09-25 16:42

利用var()实现主题切换

dark":'#000'},"text-bgc":{"light":'white',"dark":'black'}};functionsetTheme(theme){constroot=document.documentElement
记忆怪 bug·2023-09-23 00:01

Echarts的自我学习记录

2、采用了flexible.js和px-to-rem(functionflexible(window,document){vardocEl=document.documentElement;vardpr
一路向前的月光·2023-09-22 17:45

2021-02-05 BOM浏览器窗口大小记录

IE8及更早版本没有提供取得当前浏览器窗口尺寸的属性在IE、Firfox、Safari、Opera和Chrome中，document.documentElement.clientWidth和document.documen
前端小白的梦想·2023-09-20 13:31

纯css主题切换，简单易懂 document.documentElement.setAttribute(‘data-theme‘, ‘light‘)；

假设你有两个css文件，放置主题颜色变量，需要主动引入页面中vue的话就是引入到main.js/*亮色模式*/html[data-theme="light"]:root{--body-background:#efefef;--text-color:#333;--primary-color:#3D79C4;--danger-color:#E3524E;--warning-color:#ffa94e;
Li_Ning21·2023-09-19 23:53

利用scrollTop做跳到页面指定位置

goTo=function(target){varscrollT=document.body.scrollTop||document.documentElement.scrollTopif(scrollT
easy_mark·2023-09-19 21:17

js两种滚动事件写法

$(window).scroll(()=>{//滚动条距文档顶部的距离,||是做兼容处理的letscrollTop=window.pageYOffset||document.documentElement.scrollTop
Goaread·2023-09-19 20:02

H5页面窗口缩放解决方案

function(){vare=document.documentElement;a=function(){varn=e.getBoundingClientRect().width;n=1920?
你这个锤子·2023-09-19 19:03

van-list 下拉刷新 触底分页 触底分页事件只加载一次

显示不同的列表数据，比如审批中数据是对的，触底分页也是对的，如果我切换一个状态的话，总共是15条数据，但是切换了状态只显示第一页的数据（我设置的是一页十条数据）我一开始看了几篇文章都是通过document.documentElement.scrollTop
前端~·2023-09-19 06:17

js控制图片在可视区域才展示，图片懒加载

function(){watchImgShow();});/*图片在可视区才展示*/w.watchImgShow=function(){//可见区域高度varclientHeight=document.documentElement.clientHeight
棉晗榜·2023-09-19 06:34

rem.js

//设置跟元素字体大小，配合rem做屏幕适配```(function(doc,win){letdocEl=doc.documentElement;resizeEvt="orientationChange"inwindow
1994陈·2023-09-19 02:47

vue3- 自适应高度

letdocumentHeight=document.documentElement.clientHeight-20
抓到小松鼠·2023-09-16 23:55

document.scrollingElement

具体用法可以百度MDN很简单（写这个无法给自己加个使用方法说明）众所周知，获取浏览器高度是有兼容的，一般情况下document.documentElement.scrollTop;PC浏览器document.body.scrollTop
感觉不错哦·2023-09-16 19:08

判断元素是否在可视范围内或是否滚动到底部

functionisVisible(img){//判断元素是否在可视范围let{top,right,bottom,left}=img.getBoundingClientRect();letvpWidth=document.documentElement.clientWidth
苦瓜_6·2023-09-16 16:13

滚动条回到顶部

constbindTop=()=>{//方法一这样可以实现，但是效果不太行window.scrollTo(0,0)document.documentElement.scrollTop=0;//方法二通过计时器去滚动视觉上会丝滑一些
干活的程序打工人·2023-09-15 17:16

react 组件滚动到可视区域在加载

importReact,{PureComponent}from'react';exportconstgetScrollTop=()=>{letscroll_top=0;if(document.documentElement
clmll·2023-09-14 17:40

动态设置原生swiper的配置项

动态改变已经渲染出来的swiper语法：swiper的实例.params例：letcl_w=document.documentElement.clientWidth||document.body.clientWidth
前端小凯·2023-09-14 14:46

处理VUE移动端输入法遮挡input输入框的问题

window.scrollTo(0,Math.max(this.scrollHieght-1,0))}3、computedcomputed:{scrollHeight(){return(document.documentElement.scrollTop
scorpio_h·2023-09-14 10:00

elementui 更换主题色

background-color:#FF0000;}/*获取值*/div{background-color:var(--background-color);}JS获取变量constelement=document.documentElement
沿着路走到底·2023-09-14 06:27

js 判断手机型号 (安卓/ios) 当调起手机软键盘的聚焦和失焦状态

安卓和ios监听手机软键盘的方式不同安卓varclientHeight=document.documentElement.clientHeight||document.body.clientHeight
释怀Believemin·2023-09-12 19:13

js 事件捕获和事件冒泡的执行顺序探讨

事件的执行顺序先看如下代码：冒泡/捕获varhtml=document.documentElement;varbody=document.body;vardiv=body.querySelector('
Sun____·2023-09-12 17:20

pc页面切换皮肤

js代码设置data-theme属性window.setTheme=function(theme){document.documentElement.setAttribute('data-theme',
Aklan·2023-09-10 23:33

vue和h5如何设置网页端和窗口大小同步缩放

在HTML文件中加入以下代码functionresize(){varcurWidth=document.documentElement.clientWidth;varcurHeight=document.documentElement.clientHeight
lfl18326162160·2023-09-10 23:12

React-resize窗口监听

useCallback}from'react'//创建自定义函数来写入方法functionUseWillSize(){const[size,setSize]=useState({width:document.documentElement.clientWidth
泡泡龙蛋·2023-09-09 22:45

pc端后台页面根据分辨率自适应（vue）

如我的字号默认14px那就在body添加0.14rem在app.vue中created(){this.resizeFun()},methods:{resizeFun(){letdocEle=document.documentElement
风掠过有空白·2023-09-08 16:19
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他