//   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. 本地部署Llama3-8B/72b 并进行逻辑推理测试

    美国当地时间4月18日,Meta开源了Llama3大模型,目前开源版本为8B和70B.Llama 3模型相比Llama 2具有重大飞跃,并在8B和70B参数尺度上建立了LLM模型的新技术.由于预训练和 ...

  2. 力扣852(java&python)-山脉数组的峰顶索引（中等）

    题目: 符合下列属性的数组 arr 称为 山脉数组 : arr.length >= 3 存在 i(0 < i < arr.length - 1)使得: arr[0] < arr ...

  3. Docker 安装，常用命令

    安装Docker 官方所有操作系统安装教程:Install Docker Engine on CentOS | Docker Documentation,其中CentOS安装docker引擎的代码: ...

  4. 盒马新零售基于DataWorks搭建数据中台的实践

    大家好,我叫许日花名欢伯,在2016年盒马早期的时候,我就转到了盒马的事业部作为在线数据平台的研发负责人,现在阿里云的计算平台负责DataWorks的建模引擎团队.今天的分享内容也来源于另一位嘉宾李启 ...

  5. WPF 修复 ContextMenu 在开启 PerMonitorV2 后所用 DPI 错误

    本文告诉大家如何修复 WPF 的 ContextMenu 在开启 PerMonitorV2 之后,在双屏不同的 DPI 的设备上,在副屏弹出的 ContextMenu 使用了主屏的 DPI 导致缩放错 ...

  6. dotnet C# 反射扫描程序集所有类型会不会触发类型静态构造函数

    在 dotnet 里面,有很多框架都喜欢扫描程序集进行初始化逻辑,在扫描程序集的所有类型的时候,相当于碰到所有类型.而某个类型的静态构造函数将会在某个类型被使用之前被 CLR 调用,那么扫描类型是否会 ...

  7. openpyxl模块操作Excel

    1.openpyxl模块了解 1.excel版本问题 03版本之前的excel文件后缀名xls 03版本之后的excel文件后缀名xlsx 2.python操作excel表格的模块 openpyxl ...

  8. 如何在低代码平台中引用 JavaScript ？

    引言 在当今快速发展的数字化时代,企业对业务应用的需求日益复杂且多元.低代码开发平台作为一个创新的解决方案,以直观易用的设计理念,打破了传统的编程壁垒,让非技术人员也能轻松构建功能完备的Web应用程序 ...

  9. 如何修改npm包源码后，重新npm包的时候能是修改后的版本

    肯定是clone一份到gitHub啦 保存一份修改后的npm包到自己的私有库 npm 安装 git 仓库的方式 npm install <git remote url> 例如 npm in ...

  10. three.js教程7-PBR材质与环境贴图CubeTextureLoader

    1.PBR材质 PBR是基于物理的渲染(physically-based rendering).模拟物体表面的反射算法. Three.js提供了两个PBR材质相关的类MeshStandardMater ...