js实现背景图自适应窗口大小

话不多说，请看代码

<script type="text/javascript">
 window.onresize = window.onload = function()
 {
  var w,bgImg;
  if(!!(window.attachEvent && !window.opera)) {
   w = document.documentElement.clientWidth;
  } else {
   w = window.innerWidth;
  }if(w>1650){
   document.getElementById ('msg').value ='窗口大小：' + 'width:' + w;
   bgImg = document.getElementById('bg').getElementsByTagName('img')[0];
   bgImg.width = (w - 5);
  }else{
  document.getElementById ('msg').value ='窗口大小：' + 'width:' + w;
  bgImg = document.getElementById('bg').getElementsByTagName('img')[0];
  bgImg.width = 1650;
 }
 }
</script>

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持！

# 图  # 自适应  # 窗口  # 使用js操作css实现js改变背景图片示例  # 纯js实现背景图片切换效果代码  # javascript设置页面背景色及背景图片的方法  # js实现网页随机切换背景图片的方法  # js实现点击图片改变页面背景图的方法  # js实现按钮加背景图片常用方法  # JavaScript实现更换背景图片  # 解决vuejs项目里css引用背景图片不能显示的问题  # PNGHandler-借助JS让PNG图在IE下实现透明（包括背景图）  # 用chart.js添加动态背景图  # 多说  # gt  # javascript  # text  # window  # function  # onload  # onresize  # type  # class  # pre  # var  # brush  # script  # lt  # js  # getElementById  # innerWidth  # msg  # getElementsByTagName 

相关文章： 建站之星导航菜单设置与功能模块配置全攻略  早安海报制作网站推荐大全,企业早安海报怎么每天更换？  深圳 网站制作,深圳招聘网站哪个比较好一点啊？  高性能网站服务器部署指南：稳定运行与安全配置优化方案  制作证书网站有哪些,全国城建培训中心证书查询官网？  香港服务器网站卡顿？如何解决网络延迟与负载问题？  正规网站制作公司有哪些,目前国内哪家网页网站制作设计公司比较专业靠谱？口碑好？  制作国外网站的软件,国外有哪些比较优质的网站推荐？  建站主机如何选？高性价比方案全解析  导航网站建站方案与优化指南：一站式高效搭建技巧解析  制作网页的网站有哪些,电脑上怎么做网页？  建站主机功能解析：服务器选择与快速搭建指南  如何快速登录WAP自助建站平台？  建站之星五站合一营销型网站搭建攻略，流量入口全覆盖优化指南  香港服务器网站生成指南：免费资源整合与高速稳定配置方案  建站之星如何一键生成手机站？  存储型VPS适合搭建中小型网站吗？  h5在线制作网站电脑版下载,h5网页制作软件？  如何通过老薛主机一键快速建站？  如何在橙子建站中快速调整背景颜色？  如何在香港服务器上快速搭建免备案网站？  制作网站的过程怎么写,用凡科建站如何制作自己的网站？  已有域名和空间如何搭建网站？  北京网站制作费用多少,建立一个公司网站的费用.有哪些部分,分别要多少钱？  ,怎么在广州志愿者网站注册？  如何通过PHP快速构建高效问答网站功能？  深圳网站制作平台,深圳市做网站好的公司有哪些？  制作宣传网站的软件,小红书可以宣传网站吗？  PHP 500报错的快速解决方法  如何在IIS中新建站点并配置端口与IP地址？  厦门模型网站设计制作公司,厦门航空飞机模型掉色怎么办？  东莞市网站制作公司有哪些,东莞找工作用什么网站好？  如何快速生成专业多端适配建站电话？  非常酷的网站设计制作软件,酷培ai教育官方网站？  如何获取免费开源的自助建站系统源码？  如何用VPS主机快速搭建个人网站？  股票网站制作软件,网上股票怎么开户？  如何在Golang中引入测试模块_Golang测试包导入与使用实践  建站之星上传入口如何快速找到？  单页制作网站有哪些,朋友给我发了一个单页网站，我应该怎么修改才能把他变成自己的呢，请求高手指点迷津？  ,在苏州找工作，上哪个网站比较好？  阿里云网站制作公司,阿里云快速搭建网站好用吗？  建站之星各版本价格是多少？  全景视频制作网站有哪些,全景图怎么做成网页？  制作网站的模板软件,网站怎么建设？  建站之星ASP如何实现CMS高效搭建与安全管理？  潮流网站制作头像软件下载,适合母子的网名有哪些？  广州顶尖建站服务：企业官网建设与SEO优化一体化方案  香港网站服务器数量如何影响SEO优化效果？  红河网站制作公司,红河事业单位身份证如何上传？