E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
document.body
JS性能优化之创建文档碎片(document.createDocumentFragment)
在浏览器中,我们一旦把节点添加到
document.body
(或者其他节点)中,页面就会更新并反映出这个变化,对于少量的更新,一条条循环插入也会运行很好,也是我们常用的方法。
mmww1024
·
2016-05-31 18:00
JavaScript+Java实现HTML页面转为PDF文件保存的方法
前端:首先引入html2canvas.jshtml2canvas(
document.body
,{//截图对象//此处可配置详细参数onrendered:function(canvas){//渲染完成回调
终日乾乾
·
2016-05-30 19:34
记一次事件委托在 ios 下的兼容 bug
为了图方便,我将click事件绑定到了
document.body
上(绑定在document上也是一样),在安卓机上反应良好,ios上居然不会触发点击事件!试着将事件绑定到了控件的父级元素,问题消失了。
韩子迟
·
2016-05-23 21:00
520告白日~情人节特献3D玫瑰花源码
(提示:在不同浏览器下观看效果、速度会有很大的不同,浏览器需要支持HTML5)jshtml5渲染的3D玫瑰花(程序员的情人节礼物)varb=
document.body
;varc=document.getElementsByTagNa
凌_风
·
2016-05-23 11:44
其他
520告白日~情人节特献3D玫瑰花源码
(提示:在不同浏览器下观看效果、速度会有很大的不同,浏览器需要支持HTML5) jshtml5渲染的3D玫瑰花(程序员的情人节礼物) varb=
document.body
;varc=document.getElement
fgf00
·
2016-05-23 11:00
JavaScript
html5
情人节
JS 获取浏览器窗口大小
archive/2011/12/19/2293585.html1.常用//获取窗口宽度 if(window.innerWidth) winWidth=window.innerWidth; elseif((
document.body
u013096666
·
2016-05-09 19:00
JavaScript
浏览器
React—JSX转换成标准的JavaScript
,
document.body
);JSX转换成标准的JavaScript:A.在线转换:react应用需要调用哪些js文件?B.离线转换:安装离线转换工具,项目根
SunPrincess
·
2016-05-06 17:12
JavaScript
React
浅析JS异步加载进度条
1)在
document.body
新增一个div.覆盖浏览器.设置背景会灰色.z-index=999.加载的时候让用户无法修改界面值2)在
document.body
新增一个动态的div.代码实现:Main.html
我有一颗四叶草
·
2016-05-05 09:04
JS实现跟随
varbod=
document.body
;
sdfujichao
·
2016-04-28 15:00
跟随
JS事件监听
控件跟随鼠标移动
JS函数封装
React 事件踩坑(一)
实现思路实现思路很简单,就是在
document.body
上绑定一个click事件隐藏对话框,在
wlbreath
·
2016-04-27 23:44
javascript
react
document.documentElement 与
document.body
body是DOM对象里的body子节点,即标签;documentElement是整个节点树的根节点root,即标签;DOM把层次中的每一个对象都称之为节点,就是一个层次结构,你可以理解为一个树形结构,就像我们的目录一样,一个根目录,根目录下有子目录,子目录下还有子目录。以HTML超文本标记语言为例:整个文档的一个根就是,在DOM中可以使用document.documentElement来访问它,它
NARUTO_LUOLUO
·
2016-04-26 17:00
dom
documentElement
ES6 JavaScript Promise的初识
以前做法:$.ajax({url:"A.html",context:
document.body
,success:function(){ //这里是A事情,先执行 $.ajax({url:"B.html"
laokdidiao
·
2016-04-12 23:00
并发
Promise
异步
jQuery 获取屏幕高度、宽度
alert($(window).height());//浏览器当前窗口可视区域高度 alert($(document).height());//浏览器当前窗口文档的高度 alert($(
document.body
zengxiangxuan123456
·
2016-04-07 16:00
jquery
浏览器
屏幕高度和宽度
document.body
和 document.documentElement 的区别
问题相关:在设计页面时可能经常会用到固定层的位置,这就需要获取一些html对象的坐标以更灵活的设置目标层的坐标,这里可能就会用到document.body.scrollTop等属性,但是此属性在xhtml标准网页或者更简单的说是带标签的页面里得到的结果是0,如果不要此标签则一切正常,那么在xhtml页面怎么获得body的坐标呢,当然有办法-使用document.documentElement来取代
PTKGEM
·
2016-03-27 01:33
html
javascript
JavaScript
Css
/
Html
前端相关
html5 实现网页截屏 页面生成图片(源代码)
document).ready(function(){$(".example1").on("click",function(event){event.preventDefault();html2canvas(
document.body
silenceboy
·
2016-03-21 00:00
html2canvas
jquery
html5
JS中offsetTopclientTop、scrollTop、offsetTop
document.body.clientHeight;网页可见区域宽:document.body.offsetWidth (包括边线的宽);网页可见区域高:document.body.offsetHeight(包括边线的宽);网页正文全文宽:
document.body
HX_lei
·
2016-03-15 16:00
Jquery获取窗口高度
alert($(window).height()); //浏览器时下窗口可视区域高度 alert($(document).height()); //浏览器时下窗口文档的高度 alert($(
document.body
啊莫
·
2016-03-15 11:00
获取屏幕高度,兼容性问题解决
alert($(window).height());//浏览器当前窗口可视区域高度alert($(document).height());//浏览器当前窗口文档的高度alert($(
document.body
飘扬De黑夜
·
2016-03-03 11:00
JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度
alert($(window).height());//浏览器时下窗口可视区域高度 alert($(document).height());//浏览器时下窗口文档的高度 alert($(
document.body
山高我为峰
·
2016-02-23 19:00
获取浏览器高度,滚动条高度
document.documentElement&&document.documentElement.scrollTop){scrollTop=document.documentElement.scrollTop;}elseif(
document.body
lml_little
·
2016-02-23 17:00
浏览器高度
滚动条滚动
JQuery获取浏览器窗口的高度和宽度
function(){alert($(window).height());//浏览器时下窗口可视区域高度alert($(document).height());//浏览器时下窗口文档的高度alert($(
document.body
子了
·
2016-02-19 16:00
获取屏幕宽度
alert($(window).height());//浏览器当前窗口可视区域高度alert($(document).height());//浏览器当前窗口文档的高度alert($(
document.body
zero-雪舞
·
2016-02-14 14:00
document.documentElement和
document.body
的区别
网页中获取滚动条卷去部分的高度,可以通过document.body.scrollTop来获取,比如使div跟着滚动条滚动: window.onscroll=function() { vardiv=document.getElementById("div"); div.style.top=document.body.scrollTop+"px"; } 运行后没有达到预期效果,输出do
waisonlong
·
2016-02-03 11:00
document.documentElement和
document.body
的区别
网页中获取滚动条卷去部分的高度,可以通过document.body.scrollTop来获取,比如使div跟着滚动条滚动: window.onscroll=function() { vardiv=document.getElementById("div"); div.style.top=document.body.scrollTop+"px"; } 运行后没有达到预期效果,输出do
waisonlong
·
2016-02-03 11:00
JavaScript获取对象在页面中位置坐标的方法
=
document.body
;sumTop+=Obj.offsetTop,sumLeft+=Obj.offsetLeft,Obj=Obj.offsetParen
pythoner
·
2016-02-03 10:12
7、React中的refs的使用
节点添加一个ref属性,如下面的代码所示: varApp=React.createClass({ render:function(){ return( ); } }); React.render( ,
document.body
yubo_725
·
2016-01-21 11:00
ref
reactjs
refs
document.body
和
document.body
的区别和兼容性&&js自定义弹框的方法
document.documentElement.scrollWidth,document.body.scrollWidth);其实发现取宽高的两种方法都有document.documentElement和
document.body
笔芯君
·
2016-01-18 19:57
项目总结
document.body
和
document.body
的区别和兼容性&&js自定义弹框的方法
document.documentElement.scrollWidth, document.body.scrollWidth);其实发现取宽高的两种方法都有document.documentElement和
document.body
qq_23114525
·
2016-01-18 19:00
10个jQuery小技巧
// Back to top $('a.top').click(function () { $(
document.body
).animate({scrollTop: 0}, 800); return
Acc丶懵然
·
2016-01-17 16:21
jquery
计算滚动条宽度
scroll; position:absolute; top:-9999px; width:50px;} functionmeasureScrollbar(){ var$body=$(
document.body
luqingxuan
·
2016-01-15 12:00
Jquery Scroll 事件
$(window).height();获取浏览器显示区域的高度; $(window).width();获取浏览器显示区域的宽度; $(
document.body
).height();获取页面文档的高度
lishaojun0115
·
2016-01-15 12:00
jquery
js 获取浏览器可视窗口大小,滚动条高度
//获取窗口宽度if(window.innerWidth)winWidth=window.innerWidth;elseif((
document.body
)&&(document.body.clientWidth
水长东09
·
2016-01-13 10:00
jquery 获取浏览器可视窗口大小,滚动条高度
alert($(window).height());//浏览器时下窗口可视区域高度alert($(document).height());//浏览器时下窗口文档的高度alert($(
document.body
水长东09
·
2016-01-13 10:00
高性能封装检测浏览器支持css3属性函数
入题,判断浏览器是否支持css3transition,方法很简单,只需要下面这句代码就行了:'transition'indocument.body.stylechrome和ie支持
document.body
独孤无缺
·
2016-01-08 18:00
高性能封装检测浏览器支持css3属性函数
入题,判断浏览器是否支持css3transition,方法很简单,只需要下面这句代码就行了:'transition'indocument.body.stylechrome和ie支持
document.body
Barrior_花祁
·
2016-01-08 18:00
js获取页面的可视宽高度,占位宽高度,获取元素左上角相对页面左上角的位置,元素左上角相对可是区域的位置,元素是否存在于页面可视范围内
function(){//以下方法兼容ie7+,chrome(亲测),ie6没有测试(应该也是可以支持的) 2vardoEle=document.documentElement, 3doBody=
document.body
微笑浮上脸
·
2016-01-05 11:00
js 浏览器滚动事件
right:0;display:none;} window.onscroll=function(){alert("123");vart=document.documentElement.scrollTop||
document.body
lishaojun0115
·
2016-01-04 16:00
解决
document.body
is null的问题
技术中所有浏览器支持的属性,但在我们的代码编写中,还是会碰到document.isnull问题 问题的原因很简单,是因为我们在body标签前就加载了js,此时还没有body元素 问题的解决办法就是把调用到
document.body
warlock_qd
·
2015-12-21 13:00
15个常用的jquery代码片段
animate和scrollTop方法,你无需插件便可创建一个简单地回到顶部动画://Backtotop$('a.top').click(function(e){e.preventDefault();$(
document.body
chua1989
·
2015-12-19 10:32
jquery表达iframe加载完成
functioncallIframe(url,callback){ $(
document.body
).append(''); $('iframe#myId').attr('src',url);
·
2015-12-09 11:06
jquery
不同浏览器对document.documentElement和
document.body
的scrollheight ,scrollTop,clientHeight以及判断滚动条是否滚动到页面最底部
前段时间学习怎么写一个瀑布流的时候,就接触到document.documentElement和
document.body
的区别,然后今天查资料的时候看到这篇博客,遂转载记录在此。
一念执着
·
2015-11-26 19:00
关于浏览器window、document、html、body高度的探究
高度应当是文档所在窗口的可视高度(没有包括浏览器的滚动条),计算方法document.documentElement.clientHeightdocument高度应该为文档内容的高度,计算方法Math.max(
document.body
chua1989
·
2015-11-26 17:00
jquery制作图片时钟特效
一、生成数字时钟window.onload=function(){varoBody=
document.body
;varoP=document.getElementById("time");setInterval
starof
·
2015-11-24 08:44
jquery图片时钟
一、生成数字时钟 window.onload=function(){ varoBody=
document.body
; varoP=document.getElementById("time")
starof
·
2015-11-23 21:00
localStorage.ie6.js
window.localStorage&&function(){ 2window.localStorage={}; 3varprefix='data-userdata' 4,body=
document.body
一起走过的日子……
·
2015-11-23 13:00
jQuery 获取屏幕高度、宽度
alert($(window).height());//浏览器当前窗口可视区域高度alert($(document).height());//浏览器当前窗口文档的高度alert($(
document.body
fudk_k
·
2015-11-21 14:00
jquery
Web
网页窗口window、文档body高度的获取
alert($(window).height());//浏览器时下窗口可视区域高度alert($(document).height());//浏览器时下窗口文档的高度alert($(
document.body
cysear
·
2015-11-21 14:00
html
window
body
height
十五个常用的jquery代码段
scrollTop 方法,你无需插件便可创建一个简单地回到顶部动画:1//Backtotop 2$('a.top').click(function(e){ 3e.preventDefault(); 4$(
document.body
zhihui1017
·
2015-11-20 13:00
jquery
十五个常用的jquery代码段
scrollTop 方法,你无需插件便可创建一个简单地回到顶部动画:1//Backtotop 2$('a.top').click(function(e){ 3e.preventDefault(); 4$(
document.body
qq443068902
·
2015-11-18 15:00
前端开发者都应知道的 jQuery 小技巧
scrollTop 方法,你无需插件便可创建一个简单地回到顶部动画:1//Backtotop 2$('a.top').click(function(e){ 3e.preventDefault(); 4$(
document.body
浮世微凉
·
2015-11-18 10:00
上一页
8
9
10
11
12
13
14
15
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他