javaScript之BOM操作2

  1 <!doctype html>
  2 <html lang="en">
  3  <head>
  4   <title>Document</title>
  5   <style>
  6     #btn1 {position:fixed; bottom:0; right:0;}
  7   </style>
  8   <script>
  9     window.onload = function() {
 10         oBtn = document.getElementById("btn1");
 11         var bySystem = true; // 用来判断是用户拖动滚动条还是系统拖动
 12         var timer = null;
 13
 14         document.onscroll = function() {
 15             if (!bySystem) {
 16                 clearInterval(timer);
 17             }
 18             bySystem = false;
 19         }
 20         oBtn.onclick = function() {
 21             timer = setInterval(function() {
 22                 bySystem = true;
 23                 var scrollTop = document.documentElement.scollTop || document.body.scrollTop;
 24                 var iSpeed = Math.floor(-scrollTop/8);
 25                 if (scrollTop == 0) {
 26                     clearInterval(timer);
 27                 }
 28                 document.documentElement.scrollTop = document.body.scrollTop = scrollTop + iSpeed;
 29             }, 50);
 30         };
 31     };
 32   </script>
 33  </head>
 34  <body>
 35     1<br/>
 36     1<br/>
 37     1<br/>
 38     1<br/>
 39     1<br/>
 40     1<br/>
 41     1<br/>
 42     66666666666666666666666666<br/>
 43     1<br/>
 44     1<br/>
 45     1<br/>
 46     1<br/>
 47     1<br/>
 48     1<br/>
 49     1<br/>
 50     5<br/>
 51     1<br/>
 52     1<br/>
 53     1<br/>
 54     1<br/>
 55     1<br/>
 56     1<br/>
 57     1<br/>
 58     1<br/>
 59     1<br/>
 60     1<br/>
 61     1<br/>
 62     00000000000045634500000000000000<br/>
 63     1<br/>
 64     1<br/>
 65     1<br/>
 66     1<br/>
 67     1<br/>
 68     1<br/>
 69     1<br/>
 70     1<br/>
 71     1<br/>
 72     1<br/>
 73     1<br/>
 74     1<br/>
 75     1<br/>
 76     1<br/>
 77     1<br/>
 78     457458568587574635535646546464<br/>
 79     1<br/>
 80     1<br/>
 81     1<br/>
 82     1<br/>
 83     1<br/>
 84     1<br/>
 85     1<br/>
 86     1<br/>
 87     1<br/>
 88     1<br/>
 89     1<br/>
 90     1<br/>
 91     1<br/>
 92     1<br/>
 93     1<br/>
 94     66666666<br/>
 95     1<br/>
 96     1<br/>
 97     1<br/>
 98     1<br/>
 99     1<br/>
100     1<br/>
101     1<br/>
102     1<br/>
103     1<br/>
104     1<br/>
105     1<br/>
106     1<br/>
107     1<br/>
108     1<br/>
109     1<br/>
110     0999999999888888888<br/>
111     1<br/>
112     1<br/>
113     1<br/>
114     1<br/>
115     1<br/>
116     1<br/>
117     1<br/>
118     1<br/>
119     1<br/>
120     1<br/>
121     1<br/>
122     1<br/>
123     1<br/>
124     1<br/>
125     1<br/>
126     1<br/>
127     1<br/>
128     1<br/>
129     asdfdsa;lkfndsakfnaskdjnfasdnfaksjdfnakjsdf<br/>
130     1<br/>
131     1<br/>
132     1<br/>
133     1<br/>
134     1<br/>
135     1<br/>
136     1<br/>
137     1<br/>
138     1<br/>
139     1<br/>
140     1<br/>
141     1<br/>
142     1<br/>
143     1<br/>
144     1<br/>
145     1<br/>
146     1<br/>
147     1<br/>
148     1<br/>
149     43333333333333333333333<br/>
150     1<br/>
151     1<br/>
152     1<br/>
153     1<br/>
154     1<br/>
155     1<br/>
156     1<br/>
157     1<br/>
158     1<br/>
159     1<br/>
160     1<br/>
161     1<br/>
162     zfsdfcxcxzcz Z ZcxZcZcxZcxz<br/>
163     1<br/>
164     1<br/>
165     1<br/>
166     1<br/>
167     1<br/>
168     1<br/>
169     1<br/>
170     1<br/>
171     1<br/>
172     1<br/>
173     1<br/>
174     3<br/>
175     1<br/>
176     1<br/>
177     1<br/>
178     1<br/>
179     1<br/>
180     1<br/>
181     1<br/>
182     1<br/>
183     1<br/>
184     1<br/>
185     1<br/>
186     1<br/>
187     1<br/>
188     1<br/>
189     3<br/>
190     1<br/>
191     1<br/>
192     1<br/>
193     1<br/>
194     27342404450404500<br/>
195     1<br/>
196     1<br/>
197     1<br/>
198     1<br/>
199     1<br/>
200     1<br/>
201     1<br/>
202     1<br/>
203     1<br/>
204     3<br/>
205     1<br/>
206     1<br/>
207     1<br/>
208     1<br/>
209     1<br/>
210     1<br/>
211     1<br/>
212     04041040404<br/>
213     1<br/>
214     1<br/>
215     1<br/>
216     1<br/>
217     1<br/>
218     1<br/>
219     3<br/>
220     1<br/>
221     1<br/>
222     1<br/>
223     1<br/>
224     1<br/>
225     1<br/>
226     1<br/>
227     1<br/>
228     1<br/>
229     1<br/>
230     1<br/>
231     1<br/>
232     1<br/>
233     1<br/>
234     3909999999999999999999999999997777777777<br/>
235     1<br/>
236     1<br/>
237     1<br/>
238     1<br/>
239     1<br/>
240     1<br/>
241     1<br/>
242     1<br/>
243     1<br/>
244     1<br/>
245     1<br/>
246     1<br/>
247     1<br/>
248     1<br/>
249     3<br/>
250     1<br/>
251     1<br/>
252     1<br/>
253     1<br/>
254     1<br/>
255     1<br/>
256     1<br/>
257     1<br/>
258     1<br/>
259     1<br/>
260     1<br/>
261     6666666666666666666666666666<br/>
262     1<br/>
263     1<br/>
264     1<br/>
265     1<br/>
266     1<br/>
267     1<br/>
268     1<br/>
269     1<br/>
270     1<br/>
271     1<br/>
272     1<br/>
273     1<br/>
274     1<br/>
275     1<br/>
276     1<br/>
277     1<br/>
278     1<br/>
279     1<br/>
280     1<br/>
281     1<br/>
282     1<br/>
283     1<br/>
284     1<br/>
285     1<br/>
286     1<br/>
287     1<br/>
288     1<br/>
289     1<br/>
290     1<br/>
291     1<br/>
292     1<br/>
293     1<br/>
294     1<br/>
295     1<br/>
296     1<br/>
297     888888888888888888888888888<br/>
298     1<br/>
299     1<br/>
300     1<br/>
301     1<br/>
302     1<br/>
303     1<br/>
304     1<br/>
305     1<br/>
306     1<br/>
307     1<br/>
308     1<br/>
309     1<br/>
310     1<br/>
311     1<br/>
312     1<br/>
313     1<br/>
314     1<br/>
315     1<br/>
316     1<br/>
317     1<br/>
318     1<br/>
319     1<br/>
320     1<br/>
321     99999999999999<br/>
322     1<br/>
323     1<br/>
324     1<br/>
325     1<br/>
326     1<br/>
327     1<br/>
328     1<br/>
329     1<br/>
330     1<br/>
331     1<br/>
332     1<br/>
333     1<br/>
334     1<br/>
335     1<br/>
336     1<br/>
337     1<br/>
338     1<br/>
339     1<br/>
340     1<br/>
341     1<br/>
342     1<br/>
343     1<br/>
344     1<br/>
345     1<br/>
346     1<br/>
347     1<br/>
348     1<br/>
349     1<br/>
350     1<br/>
351     1<br/>
352     1<br/>
353     1<br/>
354     1<br/>
355     1<br/>
356     1<br/>
357     1<br/>
358     1<br/>
359     1<br/>
360     1<br/>
361     1<br/>
362     1<br/>
363     1<br/>
364     1<br/>
365     1<br/>
366     11111111111111111111<br/>
367     1<br/>
368     1<br/>
369     1<br/>
370     1<br/>
371     1<br/>
372     1<br/>
373     1<br/>
374     1<br/>
375     <input type="button" id="btn1" value="回到顶部" />
376  </body>
377 </html>
时间: 2024-10-01 03:41:33

javaScript之BOM操作2的相关文章

JavaScript的BOM、DOM操作、节点以及表格(二)

BOM操作 一.什么是BOM BOM(Browser Object Model)即浏览器对象模型.     BOM提供了独立于内容 而与浏览器窗口进行交互的对象:     BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性: 二.BOM常用的对象 Screen对象:尺寸 window.screen; screen.width screen.height screen.availHeight//可用高度 = 可用高度-底部任务栏高度 screen.availWidth//可用宽度 L

【JavaScript】BOM基础总结

javascript看了也一段时间了,前面讲的是基础的知识,还是很好理解的,后面的内容有些也很基础,像BOM,都是介绍的javascript的基础内容,下面对它进行一下小小的总结. 先来一张小图: 一.BOM基础 BOM是browser object model的缩写,简称浏览器对象模型.它提供了很多对象,用于访问浏览器的功能,也就是对浏览器进行操作的.浏览器又显示的内容,而BOM就是承载着我们看到内容的一个载体.BOM定义了JavaScript可以进行操作的浏览器的各个功能部件的接口,提供访问

BOM操作 DOM操作

BOM操作 ( B指代的是浏览器 ) BOM(Browser Object Model)是指浏览器对象模型,它使 JavaScript 有能力与浏览器进行"对话". window对象 所有浏览器都支持 window 对象.它表示浏览器窗口. **如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象.* **没有应用于 window 对象的公开标准,不过所有浏览器都支持该对象.* 所

第一百二十六节,JavaScript,XPath操作xml节点

第一百二十六节,JavaScript,XPath操作xml节点 学习要点: 1.IE中的XPath 2.W3C中的XPath 3.XPath跨浏览器兼容 XPath是一种节点查找手段,对比之前使用标准DOM去查找XML中的节点方式,大大降低了查找难度,方便开发者使用.但是,DOM3级以前的标准并没有就XPath做出规范:直到DOM3在首次推荐到标准规范行列.大部分浏览器实现了这个标准,IE则以自己的方式实现了XPath. 一.IE中的XPath 在IE8及之前的浏览器,XPath是采用内置基于A

JavaScript日期时间操作

js日期操作: var myDate = new Date(); myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDate(); //获取当前日(1-31)myDate.getDay(); //获取当前星期X(0-6,0代表星期天)myDate.getTime(); //获取当前时间(从1970.1

javascript iframe相关操作

1. 获得iframe的window对象 iframeElement.contentWindow 2. 获得iframe的document对象 存在跨域访问限制. chrome:iframeElement.contentDocument firefox:iframeElement.contentDocument ie:element.contentWindow.document 备注:ie没有iframeElement.contentDocument属性. var getIframeDocume

javascript数组赋值操作

最近在司徒正美的<javascript框架设计>,在里面发现了一个段代码 1 ...... 2 3 var _len = arr1.length; 4 while (_len) { 5 arr2[--_len] = arr1[_len]; 6 } 7 8 ...... 这是一个数组间赋值的操作,咋一看,之前还没碰到这样的写法.平时我个人都是这样写的. 1 function assignment2(arr1, arr2) { 2 for (var i = 0,_len = arr1.length

JavaScript字符串常用操作函数之学习笔记

字符串简介 使用英文单引号或双引号括起来,如:’Hello’,”World”,但是不能首尾的单引号和双引号必须一致,交错使用,如果要打印单引号或者双引号,可以使用转义字符\’(单引号),\”(双引号)  代码如下 复制代码 var str_1 = 'Hello World!';  //Hello World!var str_2 = "Hello World!";  //Hello World!var str_3 = '他说:"这样可以的."';  //他说:&quo

Python之路day13 web 前端(JavaScript,DOM操作)

参考链接:http://www.cnblogs.com/wupeiqi/articles/5433893.html day13 1. CSS示例 2. JavaScript 3. DOM操作 上节内容回顾: 1. HTML标签 html/head/body/ input div,span a p br span table > tr行 th表头列 td表头列 h form> action method enctype=;;; select option input系列: text passwo