//   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. 力扣166(java)-分数到小数（中等）

    题目: 给定两个整数,分别表示分数的分子 numerator 和分母 denominator,以 字符串形式返回小数 . 如果小数部分为循环小数,则将循环的部分括在括号内. 如果存在多个答案,只需返回 ...

  2. KubeVela 1.5：灵活框选 CNCF 原子能力打造独特的企业应用发布平台

    简介: KubeVela 1.5 于近日正式发布.在该版本中为社区带来了更多的开箱即用的应用交付能力,包括新增系统可观测:新增 Cloud Shell 终端,将 Vela CLI 搬到了浏览器:增强的 ...

  3. 阿里云视觉智能开放平台正式上线，阿里集团核心视觉AI能力对外开放

    1月底,阿里云正式推出以计算机视觉AI能力为核心的视觉智能开放平台(vision.aliyun.com),平台目前已上线8大类目,超过50多种视觉AI能力,面向人脸识别,文字识别,商品理解,内容安全, ...

  4. 工商银行分布式服务C10K场景的解决方案

    简介: 未来,中国工商银行将持续致力于 Dubbo 的金融级规模化应用. 作者:颜高飞,微服务领域架构师,主要从事服务发现.高性能网络通信等研发工作,擅长 ZooKeeper.Dubbo.RPC 协议 ...

  5. 表格存储 SQL 查询多元索引

    ​简介: 多元索引是表格存储产品中一个重要的功能,多元索引使用倒排索引技术为表格存储提供了非主键列上的快速检索功能,另外也提供了统计聚合功能.表格存储近期开放了SQL查询功能,SQL引擎默认从原始表格 ...

  6. [FAQ] golang-migrate/migrate error: migration failed in line 0: (details: Error 1065: Query was empty)

    当我们使用 migrate create 创建了迁移文件. 没有及时填写内容,此时运行 migrate 的后续命令比如 up.down 会抛出错误: error: migration failed i ...

  7. Ansible的yaml文件

    ansible提供的脚本,遵循规范yaml(一般用于写配置文件) 可用于配制文件的语言:yaml.xml.json - 冒号后面必须有空格 - 横线后面必须要空格 - 严格保持对齐 - 等号前面不能有 ...

  8. 火山引擎VeDI：如何高效使用A/B实验，优化APP推荐系统

    更多技术交流.求职机会,欢迎关注字节跳动数据平台微信公众号,回复[1]进入官方交流群 在移动互联网飞速发展的时代,用户规模和网络信息量呈现出爆炸式增长,信息过载加大了用户选择的难度,这样的背景下,推荐 ...

  9. R2_ES中数据的存储测试

    基本概念:ES(一): 架构及原理 关系数据库 ⇒ 数据库 ⇒ 表 ⇒ 行 ⇒ 列(Columns) Elasticsearch ⇒ 索引(Index) ⇒ 类型(Type) ⇒ 文档(Documen ...

  10. Redis官方开源的可视化管理工具 - RedisInsight

    前言 今天大姚给大家推荐一款Redis官方开源的可视化管理工具:RedisInsight. Redis介绍 Redis (Remote Dictionary Server) 是一个使用 C 语言编写的 ...