//   window.alert('弹出内容')  警告框
        //   window.prompt('弹出内容') 输入框
        //      以 字符串 形式 存储输入的数据内容
        //      实际项目中大部分使用的是input
        //   window.confirm('弹出内容') 确认框
        //      点击确定 返回值 是 true        
        //      点击取消 返回值 是 false 
        //      实际项目中大量用于 删除,修改,提交等确认操作   
 
 // 对滚动条高度监听
        // 1,获取滚动条高度
        //    兼容,是否有 文档类型声明  <!DOCTYPE html>
        // 有 文档类型声明  <!DOCTYPE html>
        // 通过 html 标签对象,获取滚动条滚动高度
        // var h1 = document.documentElement.scrollTop;
        // var w1 = document.documentElement.scrollLeft;
        // 没有 文档类型声明  <!DOCTYPE html>
        // 通过 body 标签对象,获取滚动条滚动高度
        // var h2 = document.body.scrollTop;
        // var w2 = document.body.scrollLeft;
        // 如果有 文档类型声明 document.documentElement.scrollTop; 结果是有数值
        //                   document.body.scrollTop;             结果是数值为 0
        // 如果没有 文档类型声明 document.documentElement.scrollTop; 结果是数值为0
        //                     document.body.scrollTop;             结果是有数值
        // 兼容语法 通过 逻辑或 给变量赋值
        // 短路求值:
        //    逻辑与,第一个表达式是 false , 整个逻辑表达式结果是 false , 第二个表达式不会执行
        //    逻辑或,第一个表达式是 true  , 整个逻辑表达式结果是 true  , 第二个表达式不会执行
        // 短路赋值:
        //    通过逻辑或,给变量赋值,如果第一个表达式结果可以转化为 true , 赋值第一个表达式的数值
        //                        如果第一个表达式结果可以转化为 false , 赋值第二个表达式的数值
        //    用过逻辑与,给变量赋值,如果第一个表达式结果可以转化为 true , 赋值第二个表达式的数值
        //                        如果第一个表达式结果可以转化为 false , 赋值第一个表达式的数值
        // 总结: 短路赋值的原理是短路求值,就是看第二个表达式是否执行
        //       如果第二个表达式不执行,变量中赋值第一个表达式的数值
        //       如果第二个表达式  执行,变量中赋值第二个表达式的数值

BOM弹窗 滚动条的更多相关文章

  1. bootstrap 模态窗口 多重/多个弹窗滚动条补丁

    由于bootstrap的模态窗口默认不支持多次弹出, 在关闭的时候会有滚动条消失的问题. 经过观察和查看源码, 发现在开启和关闭的时候会在body上增加/减少一个"modal-open&qu ...

  2. 关于bootstrap Modal弹窗 滚动条的问题

    如果自己通过代码关闭Modal窗体,需要在代码里增加一句代码 $('body').removeClass('modal-open'); 把这个CSS样式移除了

  3. windev的弹窗详情页滚动条实现方法以及弹窗尺寸规划

    按照企业信息系统的设计习惯,我们一般将信息以列表的方式在主窗口展现,同时设置需要展现的字段,一些系统会将这个窗口称为总表页.列表页等.而信息的编辑或完整信息的查询,一般通过一个弹窗来实现,一些系统会将 ...

  4. JavaScript-浏览器的三种弹窗方式

    //BOM 弹窗 //同步 阻断 alert("alert弹窗"); //返回布尔值 (是/否) var bcf = confirm("confirm弹窗"); ...

  5. vue弹窗后如何禁止滚动条滚动？

    原文地址 常见场景 在许多填写表单的页面中,都会弹出一个选择器,让你在弹窗中选择项目.有时,弹窗本身容纳不下内容,需要让它不断滚动来展示,但因为事件是冒泡的,有时就会造成底部(body 的Z-inde ...

  6. JavaScript BOM 遗漏知识再整理；弹窗和记时事件；

    1.JavaScript 弹窗 警告框 警告框经常用于确保用户可以得到某些信息. 当警告框出现后,用户需要点击确定按钮才能继续进行操作. window.alert() 方法可以不带上window对象, ...

  7. jquery弹窗时禁止body滚动条滚动

    当弹出一个jq提示窗口的时候,一般窗口右边还会有进度条的情况,禁止进度条方法禁止浏览器滚动条滚动: $('body').css({ "overflow-x":"hidde ...

  8. bom案例4-模拟滚动条

    <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&quo ...

  9. vue弹窗后如何禁止滚动条滚动

    toggleBody(isPin){ if(isPin){ document.body.style.height = '100vh' document.body.style['overflow-y'] ...

  10. BOM （Browser Object Model） 浏览器对象模型

    l对象的角色,因此所有在全局作用域中声明的变量/函数都会变成window对象的属性和方法; // PS:尝试访问未声明的变量会抛出错误,但是通过查询window对象,可以知道某个可能未声明的对象是否存 ...

随机推荐

  1. gRPC repeated数组的使用 python

    reco.proto syntax = "proto3"; package rpc_package; service HelloWorldService { rpc SayHell ...

  2. 【Oracle】使用xmlagg(xmlparse(content()).getclobval()拼接信息

    使用xmlagg(xmlparse(content()).getclobval()拼接信息 简单来说格式如下 xmlagg(xmlparse(content(内容||分割符)).getclobval( ...

  3. 第壹課-Install：Mirth Connect在Win10下的安装步骤

    1.安装JDK,推荐安装JDK8 64位,版本jdk-8u201-windows-x64.exe. 安装JDK后,同时必须配置win10的系统环境变量[示例如下]: JAVA_HOME : F:\Ja ...

  4. [PPT] WPS 提取 PPT 中的母版到另一份 PPT 中

    1. 打开 PPT. 2. 视图 - 幻灯片母版,在第一个 ppt 上面 "鼠标右键 - 复制" 来进行拷贝. 3. 打开目标 PPT,视图 - 幻灯片模板,快捷键 Ctrl + ...

  5. [FAQ] dyld: Library not loaded: /usr/local/opt/icu4c/lib/libicui18n.64.dylib

    通过 ls -al /usr/local/opt 可以看到 icu4c 链接的不是 libicui18n.64.dylib. 一般是 node 版本问题会出现该提示,通过观察版本大小,决定是升级还是使 ...

  6. WPF 下拉框选项做鼠标 Hover 预览效果

    本文来告诉大家如何在 WPF 中,在 下拉框 ComboBox 里面,鼠标移动到 ComboBoxItem 上时,自动触发对应的事件,用来预览此选项值.例如我在实现一个颜色下拉框,此时我可以通过点击下 ...

  7. clickhouse数据操常见执行语句

    1.清空本地表数据 truncate table 数据库名.表名 :) select * from test_local; SELECT * FROM test_local Query id: ab1 ...

  8. Oracle和达梦：获取表是否被锁定

    1.获取表是否被锁定 select "V$SESSIONS".SESS_ID,"V$SESSIONS".SQL_TEXT,"V$SESSIONS&qu ...

  9. Jmeter-线程组下篇

    线程组 线程组作为JMeter测试计划的核心组件之一,对于模拟并发用户的行为至关重要.线程组元件是整个测试计划的入口,所有的取样器和控制器必须放置在线程组下. 可以将线程组视为一个虚拟用户池,其中每个 ...

  10. 03. Ruby入门理解

    Ruby入门学习: 视频教程 https://www.bilibili.com/video/BV1QW411F7rh?t=401&p=1 笔记 https://github.com/haima ...