滚动条scrollHeight、scrollTop、clientHeight练习

最新推荐文章于 2024-09-06 02:34:16 发布

ZzyUHan

最新推荐文章于 2024-09-06 02:34:16 发布

阅读量752

点赞数

分类专栏： js基础

本文链接：https://blog.csdn.net/ZzyUHan/article/details/81395190

版权

js基础专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
       <style type="text/css">
           #practice{
               width: 200px;
               height: 500px;
               overflow: auto;
           }
       </style>
       <script type="text/javascript">
           window.onload = function(){
               //当垂直滚动条滚动到底时，表单项可用
               //onscroll-该事件会在元素的滚动条滚动时触发
               var practice = document.getElementById("practice");
               var inputs = document.getElementsByTagName("input");

               practice.onscroll = function(){
                   if(practice.scrollHeight - practice.scrollTop == practice.clientHeight){
                       //滚动到底表单项可用
                       inputs[0].disabled = false;
                       inputs[1].disabled = false;
                   }
               };
           };
       </script>
   </head>
   <body>
       <h1>请完成以下练习</h1>
       <div id="practice">
           知识导航：
1.课本原句: First aid is a temporary form of help given to someone who suddenly
__________ (生病或受伤)before a doctor can be found.
(1)fall ill生病，为短暂性动作，不与时间段连用。
类似的由fall构成的短语还有：爱上________________ 睡着____________
沉默下来______________ 落后 fall behind
(2) “get +过去分词”被动结构
此结构十分活跃，请背诵以下短语：
烧伤结婚折断
计时取酬被感染
get changed换衣服 get sunburned 被晒伤 get damaged弄坏 get repaired被修理
get dressed穿上衣服 get lost/trapped/caught 迷路/ 被困/ 被捉
2.课本原句：Often the illness or injury is not serious, but there are other times
_______________________ .(快速实施急救能挽救生命)
(1)aid n.&vt. 帮助；援助；资助
give/perform/carry out/offer first aid 实施急救 aid sb. in（doing） sth. 帮助某人干某事
aid sb. with sth. 帮助某人某事 come to one’s aid 帮助某人
with the aid/help of… 借助于…… a hearing aid 助听器 teaching aids 教具
(2) There are times when …. 有时…… 注意：when引导________从句。
3.课本原句：So , if your skin gets burned it can be very serious.
因此，你可以想象的到，如果你的皮肤烧伤了，就可能非常严重。
as you can imagine 正如你能够想象的那样
①as引导非限制性定语从句，代表主句所表达的整个内容，可放在句首、句中和句末。
②as有“正如，正像”之意。
③ 常用于下列习惯搭配：as we can see (in the picture) 正如我们（从图画中）看到的那样
as I remember正如我们记得的那样 as we all know /as is known to us all 众所周知
as it often happens碰巧，偶然 as is mentioned above正如上面提到的那样
as we had expected正如我们所预料的那样 as is often the case 经常；情况往往如此
联系：which引导非限制性定语从句时，
①可代表_________________也可代表__________________。
②从句的位置_______________________ ③which的意思是_______________。
4.课本原句：Hold the bandage with tape.用胶布把绷带固定。
in place
①在适当的位置；适当
The librarian put the returned books in place. 图书管理员把还回的图书放到原处。
②在工作；准备就绪
The arrangements for the concert next Saturday are all in place.周六的音乐会已经准备就绪。
联系：out of place ①_________ ②不得体；不适当
take place 发生；进行 take one’s place ①就位；入座 ②代替；替换
take the place of sb./ sth.__________________
拓展：in order ①正常；准备好；就绪 ②安排妥当；适宜
out of order 词序颠倒；发生故障
5.短语： ①over and over again 反复，多次同义词：again and again over and over time and (time )again time after time
② 触觉视觉 a sense of hearing听觉
______________幽默感方向感 a sense of beauty美感
6.unbearable 难以忍受的，不能容忍的
本册书中出现的含有前缀un—的单词还有：unforgettable 难忘的，永远记得的
unwilling不愿意的，不乐意的 unusual 不同寻常的，独特的 uncertain 不确切的，无把握的
       </div>
       <input type="checkbox" disabled="disabled" />我已经看完所有题目<br />
       <input type="submit" value="提交" disabled="disabled" />
   </body>
</html>