JavaScript:onscroll函数
onscroll() 是检测页面是否滚动的函数,常用在页面的动态加载中,这里借用一个阅读协议的小例子来试验一下,回头会有动态加载页面的小实验给大家分享。
代码如下:
1 JS 代码:
<script type="text/javascript">
window.οnlοad=function(){
var p=document.getElementById("info");
var xu=document.getElementById("xu");
var btn=document.getElementById("btn");
//检查对象p的滚动是否已经滑动
p.οnscrοll=function(){
//判断是否滑动到了底部,如果是,则按钮可用
if(p.scrollHeight-p.scrollTop==p.clientHeight){
xu.disabled=false;
btn.disabled=false;
}
};
//测试btn按钮
btn.οnclick=function(){
alert("afds");
}
}
</script>
2 HTML代码(P 中为文本):
<h3>请阅读以下协议</h3>
<br>
<p id="info">
请阅读以下协议:请阅读以下协议:请阅读以下协议:请阅读以下协议:
请阅读以下协议
请阅读以下协议:请阅读以下协议:请阅读。。。。
。。。。
</p>
<input type="checkbox" disabled="disabled" id="xu">我已经阅读完了
<button id="btn" disabled="disabled">提交</button>
3 CSS 代码:
<style type="text/css">
#info{
width:100px;
height:200px;
overflow:auto;
}
</style>
复制代码,可看运行结果,为滑动到协议底部才能进行操作。
JavaScript:onscroll函数相关推荐
- javascript 回调函数
javascript 回调函数 回调函数 作为参数传递的函数 示例代码 let x = function () {console.log("执行回调函数") }let y = fu ...
- [译] ES6+ 中的 JavaScript 工厂函数(第八部分)
本文讲的是[译] ES6+ 中的 JavaScript 工厂函数(第八部分), 原文地址:JavaScript Factory Functions with ES6+ 原文作者:Eric Elliot ...
- 【译】JavaScript 工厂函数 vs 构造函数
译者:前端小智 原文:medium.com/@chamikakas- 当谈到JavaScript语言与其他编程语言相比时,你可能会听到一些令人困惑东西,其中之一是工厂函数和构造函数. 想优质文章请猛戳 ...
- 理解javascript 回调函数
理解javascript 回调函数 原文:理解javascript 回调函数 ##回调函数定义 百度百科:回调函数 回调函数就是一个通过函数指针调用的函数.如果你把函数的指针(地址)作为参数传递给另一 ...
- 为什么使用JavaScript eval函数是个坏主意?
eval函数是一种动态生成代码的强大而简便的方法,那么有哪些警告? #1楼 我知道这个讨论很古老,但是我真的很喜欢Google的这种方法,并希望与他人分享这种感觉:) 另一件事是,您越了解越多,您就会 ...
- 细说JavaScript异步函数发展历程
2019独角兽企业重金招聘Python工程师标准>>> < The Evolution of Asynchronous JavaScript >外文梳理了JavaScri ...
- JavaScript中函数作为另一个函数的参数的时候它存在于哪个作用域
一直对函数作为参数被传递进另外一个函数理解的不是很清除.先看下这段代码吧: function test(fn){var bar = 1;fn(); } var bar = 99; test(funct ...
- JavaScript的函数
JavaScript的函数 总共有三种:普通函数.匿名函数.自执行函数 普通函数: function func() { } 匿名函数: setInternal(执行的函 ...
- Javascript变量函数浅谈
一.变量 在javascript变量中可以存放两种类型的值:原始值和引用值. 原始值存储在栈上的简单字段,也就是值直接存储在变量所标示的位置内. 引用值存储在堆内的对象,栈内变量保存的是指向堆内对象的 ...
- JavaScript教程——函数(arguments 对象)
arguments 对象 定义 由于 JavaScript 允许函数有不定数目的参数,所以需要一种机制,可以在函数体内部读取所有参数.这就是arguments对象的由来. arguments对象包含了 ...
最新文章
- Vue引入百度地图,如何去掉左下角的版权logo百度等信息?
- Java中一个令人惊讶的bug
- R语言可视化包ggplot2绘制线性回归模型曲线实战( Linear Regression Line)
- FCKeditor的使用说明
- phpmailer 发送邮件空隙太大_WordPress纯代码无插件开启SMTP邮件服务——墨涩网
- form表单中,file选择图片后预览
- 2020牛客NOIP赛前集训营-提高组(第六场)A-袜子分配【组合数学,结论】
- matlab按某一列排序
- 提高软件质量的10点
- Kindle 助手上线啦
- Android学习笔记--文件下载和SD卡的使用
- java8 lambda表达式Stream对List常用操作总结
- paip. lbmall V3.1.1 乐彼多用户商城系统的安全漏洞总结
- 服务器有些系统更新不能卸载,微软 Win10 更新 KB4577586 发布:永久删除 Adobe Flash Player,补丁无法卸载...
- 当年南大小百合上拍古典诗词版版主的
- python实现软件自动点击_鼠标自动点击、键盘自动输入?几行Python代码搞定
- 【转】移动端地图技术分享
- P1458 [USACO2.1]顺序的分数 Ordered Fractions
- 某国企 测试工程师 面试记录 2021-11-04
- FPGA Verilog HDL 系列实例--------双向移位寄存器