文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

前端猿要了解的基本浏览器(BOM)知识

在 Chrome、Firefox、Safari 中，screenX 或者 screenTop 保存的就是窗口距屏幕的位置，将工具栏也包括在里面 总结，并不是每个浏览器都支持上述方法，另外一点，对于距顶部的距离...2同时存在时，那么会打开指定目标窗口，并默认拥有工具栏、地址栏等； 但是指定了参数3就必须指定参数2，如果参数1后面紧跟参数3那么打开的新网页只会是默认样式，你再参数3里面定义的参数是无效的 var w...由于打开新网页是如此简单，所以不免有人设置程序，短时间内自动打开许多广告页面，所以许多浏览器都做了限制 比如 IE 不允许弹出的窗口随意拖动至浏览器外，不允许关闭状态栏 比如 Firefox 会强制在弹出窗口中显示地址栏...== null) { alert("您的邮箱为：" + re); } else { alert("您取消了输入"); } 滚动 window 对象还可以控制滚动条的滚动，可以用来做回到顶部效果...浏览器每一次跳转，历史记录都会记录，这样点击返回就能回到之前的页面。但是该方法可以不再历史记录中记录，也就导致不能返回至上一个页面。

83910

Mac 常用快捷键与操作

窗口管理 快捷键效果Command + W关闭当前窗口Command + Option + W关闭当前应用程序的所有窗口，注意只针对当前应用程序。...如关闭多个 Finder 窗口Command + M最小化当前窗口Command + Option + M最小化当前应用程序的所有窗口，注意只针对当前应用程序。...双指按压一次：相当于鼠标右击 双指按压两次：放大页面 双指分离：放大页面 双指合拢：缩小页面 三指： 三指向上滑动：显示桌面 三指向下滑动：返回窗口页面 三指左右滑动：切换窗口 4.常用操作 MAC...在桌面上方菜单栏找到“访达 > 偏好设置 > 通用”勾选硬盘。桌面便会出现 “Macintosh HD” 图标。 （2）访达边栏永存。 在桌面上方菜单栏找到“访达 > 偏好设置 > 边栏”勾选硬盘。...（2）在访达中进入“应用程序”，找到要卸载的程序右键“移动到废纸篓”。 设置“触发角”快速回到桌面 在 Mac 中，我们可以通过默认的快捷键 F11 快速回到桌面。

3.5K20
您找到你想要的搜索结果了吗？
是的
没有找到

vim-神之编辑器-命令汇总笔记

向下滚动半屏 ​Ctrl + u 向上滚动半屏 ​​Ctrl + f 向下滚动一屏 ​​Ctrl + b 向上滚动一屏 2：删除 x      删除光标所在位置的字符。...Shift) 下一个标签页  K：上一个标签页 d：向下滚动半个屏幕   u：向上移动半个屏幕 g+g（连续按两下g）：回到顶部 G：到达页面底部 H：后退   L： 前进 f：将当前网页上的所有可见链接...如果按的是F，那么将在新窗口中打开页面（见上图） g+i：将光标 定位到输入框，如果有多个可以按Tab键切换 x：关闭当前页面   X：恢复刚刚关闭的页面 o：相当于Chrome中的地址栏，可以匹配历史记录...～），如果按的是O，则可以在新窗口中打开，非常非常方便！...g+s：查看网页的源代码 r：重新载入当前网页（顺便提一句，这点上新浪微博和它是一样的，光标没有定位在发送框时，即便没有安装这个插件你也可以用j/k来控制页面上下滚动，用r在刷新，用f或者p来定位到发送框

98730

JS 吸顶导航，告别“回到顶部”

当我们浏览页面篇幅较大，浏览过半的时候想回到导航位置，只能通过往回滚动或通过”回到顶部”重新滚动到导航位置，这样的操作显得繁琐与不便。...本文主要内容 1、吸顶导航是什么 2、吸顶导航的实现方法 3、小结 1、吸顶条导航是什么 如图： 吸顶导航栏的初始位置一般是靠近在页面的顶部位置，但是又存在一定距离，通常这块区域放置最为醒目或者重要元素的地方...当页面向下滚动时超过了吸顶导航的初始位置时，需要把吸顶导航栏固定在窗口顶部，一般吸顶导航栏还可以替换成文章标题栏，搜索框、tab条等等，例如百度糯米，天猫，淘宝最为常用。...二、吸顶功能添加 1.实现思路是监听 scroll 事件，判断当前页面的滚动位置，当滚动距离大于导航条距顶部的距离时，为导航条采用窗口定位。...2.与“回到顶部“的实现方法一样，但是会发现实现吸顶功能时，到了临界位置时，页面会抖动一下，因为当导航条fixed出去，下部内容填补了导航条离开的位置。抢占了导航条的位置，所以抖动了一下。

7.5K70

JavaScript（14）

打开和关闭窗口 在JavaScript中，打开和关闭新的窗口，这是很常见的一种操作。...在绿叶学习网的JavaScript在线测试工具中，当点击“调试代码”按钮时，就会打开一个新的窗口，并把HTML文档输出到新的页面中去。...2、JavaScript关闭窗口 在JavaScript中，我们可以使用window对象中的close()方法来关闭一个窗口。...（1）、关闭当前窗口 在JavaScript中，如果想要关闭当前的窗口，有3种方式： window.close(); close(); this.close(); （2）、关闭子窗口 所谓的“关闭子窗口...语法： 窗口名.close(); 说明： 使用window.open()方法动态创建的窗口时，我们可以将窗口以变量形式保存，然后再使用close()方法关闭动态创建的窗口。 举例： <!

49520

JavaScript中window.open（）和Window Location href的区别「建议收藏」

：在框架内指定页面打开连接 5：是否打开其他网站地址 6：window.open()经过设置后的弹出窗口 7:用函数控制弹出窗口: 8 ：同时弹出两个窗口 9： 【弹出的窗口之定时关闭控制】 　　...10：【在弹出窗口中加上一个关闭按钮】 11：打开新页面 ---- 1：window.location.href的用法： self.location.href;//当前页面打开URL页面 window.location.href...//在父页面打开新页面 top.location.href;//在顶层页面打开新页面 2:window.open()的用法 open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。...方法一： 浏览器读页面时弹出窗口； 　　方法二： 浏览器离开页面时弹出窗口； 　　方法三：...10：【在弹出窗口中加上一个关闭按钮】

3.7K20

常见网页特效案例

节流阀 防止轮播图按钮连续点击造成播放过快。 节流阀目的：当上一个函数动画内容执行完毕，再去执行下一个函数动画，让事件无法连续触发。...案例：返回顶部 带有动画的返回顶部 此时可以继续使用我们封装的动画函数 只需要把所有的left 相关的值改为 跟 页面垂直滚动距离相关就可以了 页面滚动了多少，可以通过 window.pageYOffset...得到 最后是页面滚动，使用 window.scroll(x,y) //1....当我们点击了返回顶部模块，就让窗口滚动的页面的最上方 goBack.addEventListener('click', function() { // 里面的x和...y 不跟单位的 直接写数字即可 // window.scroll(0, 0); // 因为是窗口滚动 所以对象是window animate

2.2K40

控制页面的滚动:自定义下拉到刷新和溢出效果

(橡皮筋效果),使用overscroll-behavior-y: none: 完整Demo 总结 CSS overscroll-behavior属性允许开发人员在达到内容的顶部/底部时覆盖浏览器的默认溢出滚动行为...使用该案例包括禁用移动设备上的“拉动到刷新”功能，消除过度滚动发光和橡皮筋效果，并防止页面内容在模态/叠加层下滚动 背景 滚动边界和滚动链接 滚动是与页面交互的最基本的方式之一，但是由于浏览器的诡异默认行为...最终的结果是当用户到达聊天记录的顶部/底部时，主页面保持放置状态。在聊天框中开始的滚动不会传播出去 ?...(聊天窗口下的内容也会滚动) 页面重叠场景 下面”方案的另一个变动就是是当你看到内容在固定位置叠加后滚动时。一个死的样品overscroll行为是为了！浏览器试图帮助，但它最终使网站看起来越来越多。...示例 - 带和不带过度滚动行为的模态：包含 ? ? (左边之前：页面内容在叠加层下滚动,右边之后：页面内容不会在叠加层下滚动) 禁用拉到刷新 关闭pull-to-refresh操作是一行CSS。

3.2K20

WordPress免费主题：Document，让阅读变得更加方便

新建菜单 添加菜单项 发布到顶部菜单  5.小部件、侧边栏 主题具有文章信息、作者信息、最新文章、最近更新 四个小部件（小部件自带配置，可在添加的时候填写），添加后默认在文章页面的右侧边栏显示。...黑夜、白天阅读模式切换、主题色切换 支持黑夜、白天阅读模式，主题色切换，悬浮在屏幕右下角，附带一个屏幕滚动进度； 3....is 图片灯箱 图片灯箱 一级、二级、三级标题 作者信息卡片 文章信息卡片 评论区 最新文章 文章导航 文章底部赞赏 站点底部信息 导航栏菜单 导航栏搜索 上一篇、下一篇文章 一键回到顶部...主题前端优化 文章页右边栏正常高度时，跟随文章滚动，滚动高度超出侧边栏高度时自动悬浮，保持右边侧边栏始终存在元素，不会空白； 访问首页时显示自定义的站点描述，文章页时自动截取文章内容作为网页描述； 优化...404页面 搜索空结果页面 文章密码权限控制 20220617更新 修复窗口大小改变时，固定状态下的左右侧边栏位置没有同步变动，导致样式错乱的问题； 20220628更新 新增文章归档页面模板，新建页面时可选

4.1K30

Z-BlogPHP开运锦鲤前来报道（更新说明及操作教程，必看文章）

特别主题：开启PJAX之后，务必关闭“文章新窗口”（功能设置-文章新窗口，关闭）否则pjax功能失效，导致某些页面出错！  ...--、修复滚动公告关闭之后列表页、文章页等页面依然存在的BUG。 --、新增网页底部滚动公告功能，自定义公告关闭的时候，显示6篇90天内的热门文章，如果开启自定义公告则显示自定义内容，不显示文章。...回到主题配置-首页设置（如图） PS：红框内设置的就是公告模式，这里取决于伪静态的设置，有些可能需要填写ID，最稳妥的设置方法是：页面管理找到刚才新建的页面，点击前面的曲别针图标，如图 然后在新窗口页面复制链接就可以了...功能设置： 轮播（关闭册右侧文章也会被关闭没，默认开启）。 是否开启CMD模式（默认开启）。 视觉滚动特效（默认开启）。...新窗口链接（点击任意链接都是在新窗口打开，默认关闭） 其他的看页面预览吧：主题永久免费更新维护，确保每个人都能正常使用。 首页截图： 分类模板图（默认）： 文章、留言展示效果图：

3.3K30

5 Helpful jQuery Tricks（五个有用的jQuery技巧）

在新窗口中打开链接 也许你跟我一样，在打开外部链接时不喜欢多次验证就可以实现。...但是在XHTML 1.0中又没有“_blank”的标签属性。并且网站的拥有者也想在新窗口中打开所有外部链接时，能够保持访问者仍然在自己的网站上。...就这jQuery而言,将允许在新窗口中打开所有的外部链接。...现在，所有的外部链接将可以打开一个新窗口,允许用户留在原页面。如果你使用了大量的外部文档链接如PDF或DOC文件可以创建一些规则在新窗口中来加载这些文件。...返回顶部链接 对于大篇幅的页面，可以通过增加“返回顶部”的链接来使用户方便地返回到页面顶部。这是一个简单的JavaScript实现的效果，我们也可以通过jQuery运用滚动效果增添一点点小技巧。

68810

Chrome终于上线这项重磅功能，中国用户苦等多年！

随着标签页打开数量的增加，顶部拥挤的标签栏会使它们难以区分，导致我们的效率降低。 ? 在这样的标签栏点击切换页面非常麻烦，而且还很容易手误关闭网页。...但在某些国产浏览器中，许多用户应该都体验过这个功能——滚动标签页。 使用鼠标中键在标签栏上滚动，就可以快速切换标签查看对应的页面了。 这个功能非常实用，Chrome浏览器却迟迟没有推出。 ?...根据页面提示，重启浏览器，这项功能就可以使用了。 当打开的标签页数量超过浏览器窗口的宽度时，此功能可以让用户在标签栏滚动鼠标滚轮，找到想要的标签页。 ?...2、Double Click Closes Tab 双击网页的空白处就能关闭当前标签页。...5、Last Tab 在谷歌浏览器中关闭最后一个标签页时，将自动打开一个新的标签页，以防止整个浏览器窗口被关闭。

2.2K20

CSS 定位详解

3.3 fixed 属性值 fixed表示，相对于视口（viewport，浏览器窗口）进行偏移，即定位基点是浏览器窗口。这会导致元素的位置不随页面滚动而变化，好像固定在网页上一样。 ?...div { position: fixed; top: 0; } 上面代码中，div元素始终在视口顶部，不随网页滚动而变化。...比如，网页的搜索工具栏，初始加载时在自己的默认位置（relative定位）。 ? 页面向下滚动时，工具栏变成固定位置，始终停留在页面头部（fixed定位）。 ?...等到页面重新向上滚动回到原位，工具栏也会回到默认位置。...5.1 堆叠效果 堆叠效果（stacking）指的是页面滚动时，下方的元素覆盖上方的元素。下面是一个图片堆叠的例子，下方的图片会随着页面滚动，覆盖上方的图片（查看 demo）。 ?

1.7K40

『力荐汇总』这些 VS Code 快捷键太好用，忍不住录了这34张gif动图

上面 Ctrl + 1 切换到左边的 group ；Ctrl + 2 切换到右边的 group 。 而 Alt + 则是在 group 内切换标签页。...vim scroll 值得注意的是，我们依然可以使用 Ctrl + u 和 Ctrl + d 实现上下滚动页面，滚动行数默认为半页大小。...回到 normal 模式•normal 模式下，hjkl分别是左下上右 ?...大小写是一种相反的逻辑 int foo_xyz = 1; ^ 我们知道，当光标在_处时，想要删除 _xyz ，那么就要首先 找到最近的z的位置，然后删除这个区间内的东西。...vim 中 H L M z 如上，H 是到屏幕的顶部，L 是屏幕的底部，M 是屏幕的中央；而 zz 是『将光标放到屏幕中央，且不移动光标的位置（滚动屏幕）』，zt 是将光标放到顶部，zb 是底部。

1.1K10

JavaScript笔记(24)

表达式1 && 表达式2，只有所有表达式都为true，则整个表达式的运算结果才为true。...本文由“壹伴编辑器”提供技术支持 现在做淘宝的案例:返回顶部 滚动窗口至文档的特定位置 window.scroll(x,y) 这是之前写的淘宝侧边栏的页面: 注意:里面的x和y是不用加单位的...但是这种返回顶部过于生硬,没有动画效果,我们怎么让他像动画一样的滚动呢? 还是要用到我们之前封装的函数,但是需要稍加修改. 看看现在的效果: 优雅!!!...如果我们添加一个点击事件: 虽然我们点击了,但是当鼠标移开的时候还是会回到原点,因为我们鼠标离开事件会让云朵回到0的位置.所以这个写法是错的 我们不妨自己定义一个变量.在一开始为0,在点击以后...,就把距离储存下来,将点击的li的位置作为原点,鼠标离开时也会回到点击的li上.

19510

详细介绍scrollIntoView（）方法属性

因为工作中用到了锚点设置，常用的总是出问题，后来扒拉出了这个属性，详细研究了下方便日后使用 介绍scrollIntoView（）的详细属性 简介 该scrollIntoView()方法将调用它的元素滚动到浏览器窗口的可见区域...---- PS：根据其他元素的布局，元素可能无法完全滚动到顶部或底部。 TIPS：页面（容器）可滚动时才有用！...element.scrollIntoView（scrollIntoViewOptions）; //对象参数 语法参数 alignToTop [可选]，目前之前这个参数得到了良好的支持 true 元素的顶部将对齐到可滚动祖先的可见区域的顶部...element.scrollIntoView({behavior: "instant", block: "end", inline: "nearest"}); 应用场景 URL中hash标记的进化 聊天窗口滚动显示最新的消息...往一个列表添加item后滚动显示最新的添加的item 回到顶部(#) 滚动到指定位置(#xxx) 浏览器兼容性 特征 Chrome Firefox Safari Edge IE

1.1K20

「JavaScript 」动画基础 - 02

节流阀 防止轮播图按钮连续点击造成播放过快。 节流阀目的：当上一个函数动画内容执行完毕，再去执行下一个函数动画，让事件无法连续触发。...案例：返回顶部 带有动画的返回顶部 此时可以继续使用我们封装的动画函数 只需要把所有的left 相关的值改为 跟 页面垂直滚动距离相关就可以了 页面滚动了多少，可以通过 window.pageYOffset...得到 最后是页面滚动，使用 window.scroll(x,y) //1....当我们点击了返回顶部模块，就让窗口滚动的页面的最上方 goBack.addEventListener('click', function() { // 里面的x和y 不跟单位的 直接写数字即可...// window.scroll(0, 0); // 因为是窗口滚动 所以对象是window animate(window, 0); }); 1.2.4.

32920

Source Insight快捷键大全

另存为 : Ctrl+Shift+S 显示文件状态 : Shift+F10 激活语法窗口 : Alt+L 回到该行的开始 : Home 回到选择的开始 : Ctrl+Alt+[ 到块的下面 : Ctrl...Alt+Left 向上滚动一行 : Alt+Down 向下滚动一行 : Alt+Up 右滚 : Alt+Right 选择一块 : Ctrl+- 选择当前位置的左边一个字符 : Shift+Left 选择当前位置右边一个字符...) Home 到窗口顶部 : (KeyPad) Home 到单词左边(也就是到一个单词的开始) : Ctrl+Left 到单词右边(到该单词的结束) : Ctrl+Right 排列语法窗口(有三种排列方式分别按...: Ctrl+Shift+H 向后搜索 : F3 在多个文件中搜索 : Ctrl+Shift+F 向前搜索 : F4 搜索选择的(比如选择了一个单词,shift+F4将搜索下一个) : Shift+F4...(隐藏/显示语法窗口) : Alt+F8 关闭窗口 : Alt+F6, Ctrl+F4 最后一个窗口 : Ctrl+Tab, Ctrl+Shift+Tab

69510
点击加载更多

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

更多标签

活动推荐

    运营活动

    活动名称
    广告关闭

    腾讯云开发者

    扫码关注腾讯云开发者

    扫码关注腾讯云开发者

    领取腾讯云代金券

    热门产品

    热门推荐

    更多推荐

    Copyright © 2013 - 2024 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

    深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

    腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

    领券