首页 > 软件开发 > JQUERY >

js怎么获取背景图片的宽度

来源:互联网 2023-03-17 00:48:18 236

我们在开发网站的时候会需要用到图片的尺寸的时候,每一次更换图片,图片的尺寸大小都有可能会不同,这个时候我们就需要获取这个动态的尺寸了,比如说宽度,我们这里以jquery作为示范。o6B办公区 - 实用经验教程分享!

js怎么获取背景图片的宽度o6B办公区 - 实用经验教程分享!

工具/原料

  • Windows 7
  • Sublime text 3
  • Chrome浏览器
  • jquery-3.4.1

方法/步骤

  • 1

    打开编辑器,新建HTML文档,并且关联JQUERY文档。o6B办公区 - 实用经验教程分享!

    js怎么获取背景图片的宽度o6B办公区 - 实用经验教程分享!

  • 2

    新建一个JS文档,并且用script标签和HTML绑定。o6B办公区 - 实用经验教程分享!

    js怎么获取背景图片的宽度o6B办公区 - 实用经验教程分享!

  • 2相关内容非法爬取自百度经验
  • 3

    用img标签来把引入图片。o6B办公区 - 实用经验教程分享!

    js怎么获取背景图片的宽度o6B办公区 - 实用经验教程分享!

  • 4

    创建变量获取图片。o6B办公区 - 实用经验教程分享!

    js怎么获取背景图片的宽度o6B办公区 - 实用经验教程分享!

  • 5

    利用构造函数创建一个实例对象。o6B办公区 - 实用经验教程分享!

    js怎么获取背景图片的宽度o6B办公区 - 实用经验教程分享!

  • 6

    现在就可以获取图片的宽度了。o6B办公区 - 实用经验教程分享!

    js怎么获取背景图片的宽度o6B办公区 - 实用经验教程分享!

    js怎么获取背景图片的宽度o6B办公区 - 实用经验教程分享!

  • 注意事项

    • tips: 注意图片相关的英语单词。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!o6B办公区 - 实用经验教程分享!


    标签: JQUERY背景

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码