欢迎进入泸州科技官网!

  • 泸州
  • 切换城市
    泸州
    泸县
    古蔺
    叙永
    合江
181-4848-6675

微信咨询

泸州网站建设

专注中小微企业网络营销推广

专注 ▪ 专业 ▪ 精准 ▪ 效果

专注中小微企业网络营销推广
  • 网站首页
  • 网站建设
    • 行业型网站

    • 品牌型网站

    • 营销型网站

  • 优化排名
    • 网站优化

    • 百度地图

  • 营销学院
    • 网络推广

    • 地图排名

    • 小程序

    • 网站建设

    • 网站优化

  • 解决方案

  • 成功案例
    • 关键词案例

    • 地图案例

    • 网站案例

  • 关于我们
    • 致客户

    • 公司文化

    • 公司简介

    • 客户评价

营销学院

建站知识

立即咨询  

您的当前位置: 网站首页 营销学院 建站知识

网站优化

最新案例

    • 成都搬家公司小程序案例

      成都搬家公司小程序案例

    • 废品回收小程序案例

      废品回收小程序案例

    • 泸州婚纱摄影关键词优化案例

      泸州婚纱摄影关键词优化案例

    • 成都装修公司关键词优化案例

      成都装修公司关键词优化案例

    • 成都吊装搬运公司关键词优化案例

      成都吊装搬运公司关键词优化案例

百度地图优化

最新文章

    • js实现记住用户名/密码存储本地localStorage
    • js判断浏览器是否全屏(浏览器是否与屏幕等宽)
    • js实现元素自动刷新,js计时器倒计时实现方法
    • 通过js获取指定class下的div标签元素
    • windows无法识别git命令解决方法
    • 新手站长怎么建站?从零开始建站有哪些步骤?
    • 提高网站用户体验需要做到哪些点?
    • 做一个网站要多长时间?做个网站要多久?
    • 说说企业网站的建设以及重要性!
    • 网页设计方案在规划时要注意什么

最新签约

    • 成都搬家公司小程序案例

      成都搬家公司小程序案例

    • 废品回收小程序案例

      废品回收小程序案例

    • 泸州婚纱摄影关键词优化案例

      泸州婚纱摄影关键词优化案例

    • 成都装修公司关键词优化案例

      成都装修公司关键词优化案例

    • 成都吊装搬运公司关键词优化案例

      成都吊装搬运公司关键词优化案例

js判断浏览器是否全屏(浏览器是否与屏幕等宽)

发布时间:2022-04-20 11:29:54 作者:泸州科技 来源:本站 浏览量(123)
摘要:应用场景:根据浏览器是否占满屏幕,来执行一些事情。如果占满屏幕,则显示动画,否则显示文字。第一步:如下通过JQ实现第二步:逻辑根据浏览器的宽度window.outerWidth;与屏幕的宽度windows.screen.width对比。如果相等则是全屏,否则不是全屏。第三步:通过监听窗口的大小变化事件。去调用。第四步:在DOM页面加载完的时候

应用场景:根据浏览器是否占满屏幕,来执行一些事情。如果占满屏幕,则显示动画,否则显示文字。

第一步:如下通过JQ实现

第二步:逻辑根据浏览器的宽度window.outerWidth;与屏幕的宽度windows.screen.width对比。如果相等则是全屏,否则不是全屏。

第三步:通过监听窗口的大小变化事件。去调用。

第四步:在DOM页面加载完的时候,也要去调用,否则刷新的时候,没有变化。

$(function(){

// 加载的完的时候调用判断是否有改变
isFullScreen()
// 监听浏览器尺寸变化
$(window).resize(function(){
isFullScreen()
})

})
// 判断浏览器是否改变函数
function isFullScreen(){
var broswerWidth = window.outerWidth;
var screenWidth  = window.screen.width;
if(broswerWidth==screenWidth){
$(".taglineP").show();
$(".tagline").hide();
}else{
$(".tagline").show();
$(".taglineP").hide()
}

}




snipaste20220420_113713.png

js判断浏览器是否全屏
116
上一篇:js实现记住用户名/密码存储本地localStorage
下一篇:js实现元素自动刷新,js计时器倒计时实现方法

推荐文章

  • cd

  • 微信小程序开发,使用vant组件样式无法显示解决方法

  • js实现记住用户名/密码存储本地localStorage

问题需求咨询 Reservation

    业务介绍

  • 网站建设
  • 网站优化
  • 百度地图
  • 下拉搜索
  • 问答推广

    案例展示

  • 网站案例
  • 地图案例
  • 优化案例

    关于我们

  • 品牌介绍
  • 最新签约
  • 客户必读

关注我们 Subscribe US

官方微信

扫码关注领取整套网络推广方案

公司地址泸州市江阳区中心w1区22

©Copyright 2020-2021 All Right Reserved 泸州九安科技网络公司 [ 蜀ICP备2021002820号-1]