![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
转角遇到我得爱
敲代码已成为一种乐趣!
展开
-
各浏览器对 document、document.body、document.documentElement 对象的 onscroll 事件支持情况
1.各浏览器对 document、document.body、document.documentElement 对象的 onscroll 事件支持情况依次为 window、HTMLDivElement、document、document.body、document.documentElement 对象绑定 scroll 事件监听器,在触发滚动条事件后,将消息打印出来,最终可以汇总为下表:![这里写图翻译 2015-08-24 22:06:18 · 826 阅读 · 0 评论 -
页面加载进度条原理
<!DOCTYPE html> <html> <head> <title>DEMO</title> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial转载 2016-01-29 14:39:49 · 1788 阅读 · 0 评论 -
js条件语句false情况
1.下面列出的值被当作假(false): ①false ②null ③undefined ④空字符串'' ⑤数字0 ⑥数字NaN 其他所有的值都被当做真,包括true、字符串'false',以及所有对象 example:if(!0){//0为false console.log("true");原创 2016-01-06 15:34:20 · 348 阅读 · 0 评论 -
-webkit-text-size-adjust: none;
-webkit-text-size-adjust: none;在中文版Chrome里面,网页CSS里所有小于12px的字体设置都无效,最终将显示12px。这样弄的本意可能是好的,因为中文一旦小于12px,就变得不易阅读。 但中文版Chrome也会阅读英文网站啊!中文网页里面也会有英文的小字体设置需求啊!尤其是一些文字部份的设计,不小实在不好看,影响整个排版的美观。 解决方案,添加一个私有属性到htm转载 2015-12-03 20:30:15 · 1766 阅读 · 0 评论 -
js倒计时
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Conten原创 2015-12-01 15:30:24 · 292 阅读 · 0 评论 -
webstorm窗口去掉竖线
![这里写代码片](http://img.blog.csdn.net/20150907205328197) right margin值大于电脑屏幕就可以翻译 2015-09-07 20:54:51 · 6707 阅读 · 2 评论 -
30秒倒计时
<!DOCTYPE html> <html lang="en"> <head> <title>30秒倒计时</title> <meta charset="UTF-8"> <script type="text/javascript"> var t; window.onload=function(){原创 2015-07-23 00:05:20 · 673 阅读 · 0 评论 -
Javascript的this用法
**this是Javascript语言的一个关键字。** 它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。比如, function test(){ this.x = 1; } 随着函数使用场合的不同,this的值会发生变化。但是有一个总的原则,那就是this指的是,调用函数的那个对象。 下面分四种情况,详细讨论this的用法。 情况一:纯粹的函数调用 这是函数的最通常用转载 2015-08-03 13:52:36 · 302 阅读 · 0 评论 -
图片拖拽、旋转、缩放、移动
下面代码图片链接换成你们自己的就可以用了 <!DOCTYPE html> <html lang="en"> <head> <title>图片拖拽、旋转、缩放、移动</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Lan原创 2015-08-12 16:19:23 · 2190 阅读 · 0 评论 -
js性能-DOM编程之重绘和重排
浏览器下载完页面中的所有组件----HTML标记,Js,CSS,图片等之后会解析并生成两个内部数据结构:1.DOM树 -------- 表示页面结构 2.渲染树 -------- 表示DOM节点如何显示 DOM树中的每一个需要显示的节点在渲染树中至少存在一个对应的节点(隐藏的DOM元素在渲染树中没有对应的节点)。 渲染树中的节点被称为“帧“或者”盒“,符合CSS模型的定义转载 2016-02-19 14:40:53 · 1723 阅读 · 0 评论