js在ie中正常而在edge中不执行

在学习《JavaScript DOM编程艺术》第11章时遇到的问题。
一开始项目的结构是这样的:在这里插入图片描述

用到的modernizr.custom.72105.js在day11文件夹的上层的上层。
运行时在ie里可以正常实现灰度和彩图的切换,而在edge和firefox里则一直显示彩图。后来将modernizr.custom.72105.js添加到项目中:

在这里插入图片描述
这时在edge、firefox、Google浏览器中都可以正常运行了。
但是这是为什么呢???

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在代码直接设置网页全屏,而不需要通过按钮点击,你可以在页面加载完成后自动触发全屏操作。以下是一种常见的实现方法: HTML 代码: ```html <div id="fullscreen-element"></div> ``` JavaScript 代码: ```javascript document.addEventListener("DOMContentLoaded", () => { const fullscreenElement = document.getElementById("fullscreen-element"); if (fullscreenElement.requestFullscreen) { fullscreenElement.requestFullscreen(); } else if (fullscreenElement.mozRequestFullScreen) { // Firefox fullscreenElement.mozRequestFullScreen(); } else if (fullscreenElement.webkitRequestFullscreen) { // Chrome, Safari and Opera fullscreenElement.webkitRequestFullscreen(); } else if (fullscreenElement.msRequestFullscreen) { // IE/Edge fullscreenElement.msRequestFullscreen(); } }); ``` 在上述代码,我们使用 `document.addEventListener("DOMContentLoaded", ...)` 来监听页面的加载完成事件,确保在页面加载完成后执行全屏操作。 在事件处理函数,我们首先获取要全屏显示的元素,这里使用了一个 `<div>` 元素,并通过 `getElementById()` 方法获取到该元素。 然后,我们使用不同浏览器提供的全屏方法来请求进入全屏模式。根据不同的浏览器,我们可以使用 `requestFullscreen()`、`mozRequestFullScreen()`、`webkitRequestFullscreen()` 或 `msRequestFullscreen()` 方法。 当页面加载完成后,会触发事件处理函数,并通过调用适当的全屏方法来请求进入全屏模式。 请注意,在某些浏览器,进入全屏模式可能需要用户的交互操作,例如在页面加载后,用户需要点击浏览器的全屏提示。此外,退出全屏模式可以使用 `document.exitFullscreen()`、`document.mozCancelFullScreen()`、`document.webkitExitFullscreen()` 或 `document.msExitFullscreen()` 方法。 需要注意的是,进入全屏模式具有浏览器兼容性问题,不同浏览器可能会有不同的前缀和要求。因此,建议在实际开发使用现有的全屏模式库或框架,以确保在各种浏览器和设备上获得一致的体验。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值