浅谈window对象的scrollBy()方法
scrollBy()方法的定义和用法:
此方法可以把内容移动指定尺寸。单位是像素(px)。
点击可参阅更多window对象的属性和方法。
语法结构:
scrollBy(x,y)
参数列表:
参数 列表
x 必需。内容向右移动的尺寸。
y 必需。内容向下移动的尺寸。
浏览器支持:
1.IE浏览器支持此属性。
2.Firefox浏览器支持此属性。
3.Opera浏览器支持此属性。
4.chrome浏览器支持此属性。
代码实例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>我们</title> <style> *{ margin:0px; padding:0px; } body{ width:1800px; height:1200px; } input{ position:fixed; left:20px; top:20px; } </style> <script type="text/javascript"> function resize(){ window.scrollBy(200,300); } window.onload=function(){ var bt=document.getElementById("bt"); bt.onclick=function(){ resize() } } </script> </head> <body> <input type="button" value="查看效果" id="bt"> </body> </html>
以上所述就是本文的全部内容了,希望大家能够喜欢。
相关推荐
-
用Jquery重写windows.alert方法实现思路
已经在 IE8 , firefox3.0.11下面测试通过 复制代码 代码如下: $.extend({ includePath: '', include: function(file) { var files = typeof file == "string" ? [file] : file; for (var i = 0; i < files.length; i++) { var name = files[i].replace(/^\s|\s$/g, "")
-
JS 中document.URL 和 windows.location.href 的区别
document 表示的是一个文档对象,windows 表示一个窗口对象. 一个窗口下面可以有很多的document对象.每个document 都有 一个URL. 但是,这不是所有的区别.当你ctrl + F5 一个链接 http://www.jb51.net/#server 打印 alert(document.URL ); 和 alert(windows.location.href); 发现,这两个的值不一样, document.URL : http://www.jb51.net/ windo
-
windows.关于设置脚本的一些基本方法原则
提问:"看了这么多高手的帖子,却没有找到一个非常简单的问题的答案:即如何为一个域用户设置登陆脚本?- BAT可否作为登陆脚本?- 在域用户"属性"中,应如何指定登陆脚本名?"D:\x.bat"还是"\\srv\x.bat"?还是其它?- 脚本应该放在何处?- 还有没有其它要注意的问题?" (参加原帖热烈的讨论 http://www.winmag.com.cn/forum/itemdisplay.asp?boardid=24&a
-
windows.vbs.FSO.文件操作信息.磁盘驱动信息.文件夹操作信息全集
源址: http://www.zhouguoqing.com.cn/article.asp?id=50 ' FSO 文件操作相关 ' FSO 参数详解: ' Fso.IsRootFolder=True|False '是否为根目录 ' Fso.GetFolder '读取文件夹 用法:Set fldr = fso.GetFolder("C:\\目录2") ' Fso.FolderExists=True|False '查找此文件夹是否存在 ' Fso.CreateFolder
-
一张表格告诉你windows.onload()与$(document).ready()的区别
浏览器加载完DOM后,会通过javascript为DOM元素添加事件,在javascript中,通常使用window.onload()方法. 在jquery中,则使用$(document).ready()方法.下面介绍一下两者的区别. window.onload() $(document).ready() 执行时机 在页面所有元素(包括图片,引用文件)加载完后执行. 页面中所有HTML DOM,CSS DOM结构加载完之后就会执行,其他图片可能没有加载完. 如果想要网页所有内容(包括图片等)
-
将c:\windows.复制到当前目录并显示进度的批处理文件
复制代码 代码如下: @echo off setlocal enabledelayedexpansion set b=/-\ /-\ ** set 速度=1 set 退格= set n=0 for %%i in (%SystemRoot%\*.*) do (call :a !n!© %%i>nul 2>nul&set /a n+=1) goto :eof :a set/a a=%1%%10 set/a c=%a%%%4 if %a% EQU 0 set/p=▌<n
-
Jqyery中同等与js中windows.onload的应用
复制代码 代码如下: $(function(){//脚本}) Jquery(function(){//脚本}) Jquery(document).ready(function(){//脚本}) 以上三个代码执行同一个动作,由于书写方便,所以Jquery比其他应用程序更受欢迎,但是当与其他js程序库一起使用的时候,特别是prototype.js同时使用时,不能使用$方法,因为他们也有该方法,可以用如下方法回避这种冲突: jQuery(function($){//脚本}) 他们都是当Dom加载完后执
-
浅谈window对象的scrollBy()方法
scrollBy()方法的定义和用法: 此方法可以把内容移动指定尺寸.单位是像素(px). 点击可参阅更多window对象的属性和方法. 语法结构: scrollBy(x,y) 参数列表: 参数 列表 x 必需.内容向右移动的尺寸. y 必需.内容向下移动的尺寸. 浏览器支持: 1.IE浏览器支持此属性. 2.Firefox浏览器支持此属性. 3.Opera浏览器支持此属性. 4.chrome浏览器支持此属性. 代码实例: <!DOCTYPE html> <html> <he
-
浅谈jQuery中的$.extend方法来扩展JSON对象
$.extend方法可以扩展JSON对象,用一个或多个其他对象来扩展一个对象,返回被扩展的对象. 例一 合并 settings 和 options,修改并返回 settings var settings = { validate: false, limit: 5, name: "foo" }; var options = { validate: true, name: "bar" }; jQuery.extend(settings, options); 结果 set
-
浅谈ES6新增的数组方法和对象
es6新增的遍历数组的方法,后面都会用这个方法来遍历数组,或者对象,还有set,map let arr=[1,2,3,4,3,2,1,2]; 遍历数组最简洁直接的方法 for (let value of arr) { console.log(value);//输出1,2,3,4,3,2,1,2 } 1. 数组.map() 返回一个新的数组,es5要复制一个新的数组我们一般用循环,现在直接用map let arr=[1,2,3,4,3,2,1,2]; let newArr=arr.map((val
-
浅谈js常用内置方法和对象
JS内置函数不从属于任何对象,在JS语句的任何地方都可以直接使用这些函数.JS中常用的内置函数如下: 1.eval(str)接收一个字符串形式的表达式,并试图求出表达式的值.作为参数的表达式可以采用任何合法的操作符和常数.如果参数中包含JS命令,这些命令也可以被执行,就像这些命令是JS程序的一部分一样. 2.parseInt(str,n)试图从一个字符串中提取一个整数.可附加一个n整数实现返回n进制整数.如果在字符串中存在除了数字.符号.小数点和指数符号以外的字符,就停止转换,返回已有的结果.如
-
浅谈angularJs函数的使用方法(大小写转换,拷贝,扩充对象)
如下所示: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <script src="angular.min.js"></script> </head> <body> <div ng-app="module" ng-controller="
-
浅谈JavaScript对象的创建方式
通过Object构造函数或对象字面量创建对象时,使用同一个接口创建很多对象时,会产生大量的重复代码.为了简化,引入了工厂模式. 工厂模式 function createPerson(name, age, job) { var obj = new Object(); obj.name = name; obj.age = age; obj.job = job; obj.sayHello(){ alert(this.name); }; return obj; } var p1 = createPers
-
浅谈jquery中的each方法$.each、this.each、$.fn.each
jquery.each 方法 方法一 $("img").each(function(i,elem){ // i 下标 从零开始, // elem == this // $(elem).toggleClass("example"); $(this).toggleClass("example"); }); 方法二 $.each([1,2,3,4],function(){ //$(this)==数组中的每一个数组(如果数组是对象,就是对象) }); 方
-
java web学习_浅谈request对象中get和post的差异
阅读目录(Content) •1.get与post的区别 •1.1 get方法 jsp中的代码form表单代码 •1.2 action包中servlet的doGet方法中的代码 •2.运行结果 •2.1 输入数据 •2.2 打印出数据 •3.post方法 •4.对比 •4.1 在输出页面按下F12查看 •5.分析 1.get与post的区别 Get和Post方法都是对服务器的请求方式,只是他们传输表单的方式不一样. 下面我们就以传输一个表单的数据为例,来分析get与Post的区别 1.1 get
-
浅谈Java泛型让声明方法返回子类型的方法
泛型典型的使用场景是集合.考虑到大多数情况下集合是同质的(同一类型),通过声明参数类型,可免去类型转换的麻烦.本文将讨论本人阅读Spring Security源码时遇到的一个关于泛型递归模式的问题. 声明方法返回子类型 在Spring Security的源码里有一个ProviderManagerBuilder接口,声明如下 public interface ProviderManagerBuilder<B extends ProviderManagerBuilder<B>> ext
-
浅谈原型对象的常用开发模式
1.构造函数和原型组合使用模式:原型对象虽然可以对所有实例的属性和方法共享,但是也有它的局限性,正是因为可以共享,也导致某一个实例对象若改变了共享的属性和方法,其他对象在使用时会收到影响. 所以可以组合使用构造函数式和原型模式,在实际开发中这种模式也应用的最为广泛. 2.动态原型模式:就是把属性和方法都封装到构造函数中 例如: function Person(name,age,sex){ this.name=name; this.age=age; this.sex=sex; if(typeof
随机推荐
- php+mysql实现简单的增删改查功能
- Fireworks 基础知识小结
- js图片轮播插件的封装
- bootstrap多层模态框滚动条消失的问题
- js插件设置innerHTML时在IE8下提示“未知运行时错误”解决方法
- 使用重写url机制实现验证码换一张功能
- Python中的MongoDB基本操作:连接、查询实例
- 使用Python脚本对Linux服务器进行监控的教程
- Android蓝牙通信聊天实现发送和接受功能
- JavaScript进阶教程(第二课)第1/3页
- CentOS 6.5安装mysql5.7教程
- JavaScript原型及原型链终极详解
- JS多级连动菜单
- bootstrap table表格客户端分页实例
- 详解Nginx服务器中HTTP Headers相关的模块配置使用
- win10设置java环境变量的方法
- PHP 服务器配置(使用Apache及IIS两种方法)
- 基于jQuery实现仿百度首页选项卡切换效果
- jQuery实现切换页面布局使用介绍
- js实现五星评价功能