HTML背景图不显示？3步解决方法分享
时间：2025-10-23 17:42:37 129浏览 收藏
IT行业相对于一般传统行业，发展更新速度更快，一旦停止了学习，很快就会被行业所淘汰。所以我们需要踏踏实实的不断学习，精进自己的技术，尤其是初学者。今天golang学习网给大家整理了《HTML背景图不显示？3步轻松解决方法》，聊聊，我们一起来看看吧！
本文旨在解决HTML中背景图片无法正常显示的问题。通过分析常见错误原因，例如路径引用错误和特殊字符转义问题，提供详细的修改方案和示例代码，帮助开发者快速定位并修复bug，确保背景图片正确加载并呈现。
在HTML开发中，为网页添加背景图片是常见的需求。然而，有时我们可能会遇到背景图片无法正常显示的问题。这通常与图片的路径引用方式或特殊字符处理不当有关。本文将深入探讨这些常见原因，并提供详细的解决方案，帮助你轻松解决HTML背景图片显示问题。
路径问题：相对路径与绝对路径
在CSS中使用background-image属性时，url()函数用于指定图片的路径。这里涉及到两种路径类型：相对路径和绝对路径。
- 相对路径： 相对于HTML文件本身的路径。例如，./image.jpg表示与HTML文件在同一目录下的image.jpg文件。../image.jpg表示HTML文件所在目录的上一级目录中的image.jpg文件。
- 绝对路径： 完整的、从根目录开始的路径。例如，C:\Users\username\images\image.jpg（Windows）或/home/username/images/image.jpg（Linux/macOS）。
当使用相对路径时，请确保图片文件确实位于相对于HTML文件的正确位置。如果使用绝对路径，则需要确保路径的准确性，尤其是盘符和文件夹名称。
在提供的代码示例中，使用了相对路径'./C:\Users\viraj\Downloads\html\Mountains.jfif'。这可能会导致问题，因为浏览器会尝试在HTML文件所在的目录中查找该路径。
特殊字符转义
在URL中，某些字符具有特殊含义，需要进行转义才能正确解析。在Windows文件路径中，反斜杠（\）是一个特殊字符，需要进行转义。在CSS中，反斜杠本身也需要转义，因此需要使用双反斜杠（\\）来表示一个反斜杠。
解决方案
针对上述问题，以下是修改后的代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Background Image Example</title>
<style>
* {
margin: 0;
padding: 0;
}
.background-image {
background-image: url('C:\\Users\\viraj\\Downloads\\html\\Mountains.jfif'); /* 使用绝对路径并转义反斜杠 */
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 100vh;
}
</style>
</head>
<body>
<div class="background-image"></div>
</body>
</html>修改说明：
- 使用绝对路径并转义反斜杠： 将background-image属性的url()函数中的路径修改为绝对路径，并使用双反斜杠\\转义Windows路径中的反斜杠。
- 添加DOCTYPE声明: 建议添加声明，以确保浏览器以标准模式渲染页面。
- 添加标题: 建议添加
标签，以设置页面标题。</li></ol><p><strong>建议：</strong></p><ul><li><strong>优先使用相对路径：</strong> 在项目结构清晰的情况下，优先使用相对路径，方便项目迁移和部署。</li><li><strong>检查路径拼写：</strong> 仔细检查路径的拼写，确保大小写和字符的准确性。</li><li><strong>使用开发者工具：</strong> 使用浏览器的开发者工具（通常按F12键打开）查看网络请求，检查图片是否成功加载。如果加载失败，可以查看错误信息，帮助定位问题。</li><li><strong>避免中文路径：</strong> 尽量避免在文件路径中使用中文，以避免潜在的编码问题。</li><li><strong>图片格式：</strong> 确保图片格式正确，常见的格式包括JPEG、PNG和GIF。</li></ul><h3>总结</h3><p>HTML背景图片无法显示通常是由于路径错误或特殊字符转义问题导致的。通过仔细检查路径、正确转义特殊字符，并结合浏览器的开发者工具进行调试，可以快速解决此类问题。希望本文提供的解决方案能够帮助你更好地掌握HTML背景图片的使用，提升网页开发效率。</p><p>以上就是本文的全部内容了，是否有顺利帮助你解决问题？若是能给你带来学习上的帮助，请大家多多支持golang学习网！更多关于文章的相关知识，也可关注golang学习网公众号。</p> </div> <div class="labsList"> </div> </div> <!-- 最新阅读 --> <div class="contBoxNor"> <div class="contTit"> <div class="tit">相关阅读</div> <a href="/articlelist.html" class="more">更多></a> </div> <ul class="latestReadList"> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/88_new_0_1.html" class="aLightGray" title="前端">前端</a> | 6个月前 | <a href="javascript:;" class="aLightGray" title="提升">提升</a> <a href="javascript:;" class="aLightGray" title="箭头函数">箭头函数</a> <a href="javascript:;" class="aLightGray" title="函数表达式">函数表达式</a> <a href="javascript:;" class="aLightGray" title="函数声明">函数声明</a> <a href="javascript:;" class="aLightGray" title="Function构造函数">Function构造函数</a> </div> <div class="tit lineOverflow"><a href="/article/207000.html" title="JavaScript函数定义及示例详解" class="aBlack">JavaScript函数定义及示例详解</a></div> <div class="opt"> <span><i class="view"></i>502</span> <span class="collectBtn user_collection" data-id="207000" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/88_new_0_1.html" class="aLightGray" title="前端">前端</a> | 2年前 | <a href="javascript:;" class="aLightGray" title="CSS">CSS</a> <a href="javascript:;" class="aLightGray" title="优化">优化</a> <a href="javascript:;" class="aLightGray" title="体验">体验</a> </div> <div class="tit lineOverflow"><a href="/article/72840.html" title="优化用户界面体验的秘密武器：CSS开发项目经验大揭秘" class="aBlack">优化用户界面体验的秘密武器：CSS开发项目经验大揭秘</a></div> <div class="opt"> <span><i class="view"></i>501</span> <span class="collectBtn user_collection" data-id="72840" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/88_new_0_1.html" class="aLightGray" title="前端">前端</a> | 2年前 | <a href="javascript:;" class="aLightGray" title="图片轮播">图片轮播</a> <a href="javascript:;" class="aLightGray" title="微信小程序">微信小程序</a> <a href="javascript:;" class="aLightGray" title="特效">特效</a> </div> <div class="tit lineOverflow"><a href="/article/76259.html" title="使用微信小程序实现图片轮播特效" class="aBlack">使用微信小程序实现图片轮播特效</a></div> <div class="opt"> <span><i class="view"></i>501</span> <span class="collectBtn user_collection" data-id="76259" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/88_new_0_1.html" class="aLightGray" title="前端">前端</a> | 1年前 | <a href="javascript:;" class="aLightGray" title="sessionStorage">sessionStorage</a> <a href="javascript:;" class="aLightGray" title="存储能力">存储能力</a> <a href="javascript:;" class="aLightGray" title="限制解析">限制解析</a> </div> <div class="tit lineOverflow"><a href="/article/83771.html" title="解析sessionStorage的存储能力与限制" class="aBlack">解析sessionStorage的存储能力与限制</a></div> <div class="opt"> <span><i class="view"></i>501</span> <span class="collectBtn user_collection" data-id="83771" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/88_new_0_1.html" class="aLightGray" title="前端">前端</a> | 1年前 | <a href="javascript:;" class="aLightGray" title="团队合作">团队合作</a> <a href="javascript:;" class="aLightGray" title="冒泡事件">冒泡事件</a> <a href="javascript:;" class="aLightGray" title="促进作用">促进作用</a> </div> <div class="tit lineOverflow"><a href="/article/85057.html" title="探索冒泡活动对于团队合作的推动力" class="aBlack">探索冒泡活动对于团队合作的推动力</a></div> <div class="opt"> <span><i class="view"></i>501</span> <span class="collectBtn user_collection" data-id="85057" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> </ul> </div> <!-- 最新阅读 --> <div class="contBoxNor"> <div class="contTit"> <div class="tit">最新阅读</div> <a href="/articlelist.html" class="more">更多></a> </div> <ul class="latestReadList"> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/88_new_0_1.html" class="aLightGray" title="前端">前端</a> | 50秒前 | <a href="javascript:;" class="aLightGray" title="html">html</a> <a href="javascript:;" class="aLightGray" title="CSS">CSS</a> <a href="javascript:;" class="aLightGray" title="JavaScript">JavaScript</a> <a href="javascript:;" class="aLightGray" title="动态网页">动态网页</a> <a href="javascript:;" class="aLightGray" title="在线制作">在线制作</a> </div> <div class="tit lineOverflow"><a href="/article/407213.html" title="HTML动态网页制作技巧与教程" class="aBlack">HTML动态网页制作技巧与教程</a></div> <div class="opt"> <span><i class="view"></i>348</span> <span class="collectBtn user_collection" data-id="407213" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/88_new_0_1.html" class="aLightGray" title="前端">前端</a> | 1分钟前 | </div> <div class="tit lineOverflow"><a href="/article/407212.html" title="subline运行html方法详解【教程】" class="aBlack">subline运行html方法详解【教程】</a></div> <div class="opt"> <span><i class="view"></i>274</span> <span class="collectBtn user_collection" data-id="407212" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/88_new_0_1.html" class="aLightGray" title="前端">前端</a> | 6分钟前 | <a href="javascript:;" class="aLightGray" title="参数">参数</a> <a href="javascript:;" class="aLightGray" title="sass">sass</a> <a href="javascript:;" class="aLightGray" title="@include">@include</a> <a href="javascript:;" class="aLightGray" title="@mixin">@mixin</a> <a href="javascript:;" class="aLightGray" title="复用样式">复用样式</a> </div> <div class="tit lineOverflow"><a href="/article/407206.html" title="Sass复用样式技巧全解析" class="aBlack">Sass复用样式技巧全解析</a></div> <div class="opt"> <span><i class="view"></i>315</span> <span class="collectBtn user_collection" data-id="407206" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/88_new_0_1.html" class="aLightGray" title="前端">前端</a> | 8分钟前 | <a href="javascript:;" class="aLightGray" title="html">html</a> <a href="javascript:;" class="aLightGray" title="JavaScript">JavaScript</a> <a href="javascript:;" class="aLightGray" title="计算属性">计算属性</a> <a href="javascript:;" class="aLightGray" title="动态计算">动态计算</a> <a href="javascript:;" class="aLightGray" title="CSScalc()">CSScalc()</a> </div> <div class="tit lineOverflow"><a href="/article/407202.html" title="HTMLCSS动态计算属性使用教程" class="aBlack">HTMLCSS动态计算属性使用教程</a></div> <div class="opt"> <span><i class="view"></i>365</span> <span class="collectBtn user_collection" data-id="407202" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/88_new_0_1.html" class="aLightGray" title="前端">前端</a> | 11分钟前 | </div> <div class="tit lineOverflow"><a href="/article/407199.html" title="CSS盒模型与height属性详解" class="aBlack">CSS盒模型与height属性详解</a></div> <div class="opt"> <span><i class="view"></i>359</span> <span class="collectBtn user_collection" data-id="407199" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/88_new_0_1.html" class="aLightGray" title="前端">前端</a> | 18分钟前 | <a href="javascript:;" class="aLightGray" title="伪类">伪类</a> <a href="javascript:;" class="aLightGray" title=":active">:active</a> <a href="javascript:;" class="aLightGray" title=":hover">:hover</a> <a href="javascript:;" class="aLightGray" title="CSS过渡">CSS过渡</a> <a href="javascript:;" class="aLightGray" title=":focus">:focus</a> </div> <div class="tit lineOverflow"><a href="/article/407189.html" title="CSS过渡与伪类交互实战教学" class="aBlack">CSS过渡与伪类交互实战教学</a></div> <div class="opt"> <span><i class="view"></i>115</span> <span class="collectBtn user_collection" data-id="407189" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/88_new_0_1.html" class="aLightGray" title="前端">前端</a> | 21分钟前 | <a href="javascript:;" class="aLightGray" title="JavaScript">JavaScript</a> <a href="javascript:;" class="aLightGray" title="CSS媒体查询">CSS媒体查询</a> <a href="javascript:;" class="aLightGray" title="window.print()">window.print()</a> <a href="javascript:;" class="aLightGray" title="@page">@page</a> <a href="javascript:;" class="aLightGray" title="HTML表单打印">HTML表单打印</a> </div> <div class="tit lineOverflow"><a href="/article/407185.html" title="HTML表单打印样式设置与实现方法" class="aBlack">HTML表单打印样式设置与实现方法</a></div> <div class="opt"> <span><i class="view"></i>430</span> <span class="collectBtn user_collection" data-id="407185" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/88_new_0_1.html" class="aLightGray" title="前端">前端</a> | 23分钟前 | </div> <div class="tit lineOverflow"><a href="/article/407183.html" title="JavaScript无限滚动实现技巧详解" class="aBlack">JavaScript无限滚动实现技巧详解</a></div> <div class="opt"> <span><i class="view"></i>417</span> <span class="collectBtn user_collection" data-id="407183" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/88_new_0_1.html" class="aLightGray" title="前端">前端</a> | 24分钟前 | <a href="javascript:;" class="aLightGray" title="input标签">input标签</a> <a href="javascript:;" class="aLightGray" title="label标签">label标签</a> <a href="javascript:;" class="aLightGray" title="form标签">form标签</a> <a href="javascript:;" class="aLightGray" title="HTML表单设计">HTML表单设计</a> <a href="javascript:;" class="aLightGray" title="fieldset标签">fieldset标签</a> </div> <div class="tit lineOverflow"><a href="/article/407181.html" title="HTML表单设计步骤详解教程" class="aBlack">HTML表单设计步骤详解教程</a></div> <div class="opt"> <span><i class="view"></i>488</span> <span class="collectBtn user_collection" data-id="407181" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/88_new_0_1.html" class="aLightGray" title="前端">前端</a> | 28分钟前 | </div> <div class="tit lineOverflow"><a href="/article/407176.html" title="CSS后代与子选择器区别解析" class="aBlack">CSS后代与子选择器区别解析</a></div> <div class="opt"> <span><i class="view"></i>403</span> <span class="collectBtn user_collection" data-id="407176" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/88_new_0_1.html" class="aLightGray" title="前端">前端</a> | 28分钟前 | </div> <div class="tit lineOverflow"><a href="/article/407175.html" title="CSS背景颜色与简写技巧解析" class="aBlack">CSS背景颜色与简写技巧解析</a></div> <div class="opt"> <span><i class="view"></i>305</span> <span class="collectBtn user_collection" data-id="407175" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/88_new_0_1.html" class="aLightGray" title="前端">前端</a> | 8小时前 | </div> <div class="tit lineOverflow"><a href="/article/407159.html" title="JSDoc定义固定加扩展属性对象类型的方法是使用@typedef或@interface结合&运算符来组合固定属性和可扩展属性。以下是详细步骤：1.定义固定属性对象类型首先，使用@typedef或@interface定义一个具有固定属性的对象类型。/***@typedef{Object}FixedProps*@property{string}name-用户名称*@property{numbe" class="aBlack">JSDoc定义固定加扩展属性对象类型的方法是使用@typedef或@interface结合&运算符来组合固定属性和可扩展属性。以下是详细步骤：1.定义固定属性对象类型首先，使用@typedef或@interface定义一个具有固定属性的对象类型。/***@typedef{Object}FixedProps*@property{string}name-用户名称*@property{numbe</a></div> <div class="opt"> <span><i class="view"></i>319</span> <span class="collectBtn user_collection" data-id="407159" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> </ul> </div> <!-- 课程推荐 --> <div class="contBoxNor"> <div class="contTit"> <div class="tit">课程推荐</div> <a href="/courselist.html" class="more">更多></a> </div> <ul class="classRecomList"> <li> <a href="/course/9.html" title="前端进阶之JavaScript设计模式" class="img_box"> <img src="/uploads/20221222/52fd0f23a454c71029c2c72d206ed815.jpg" onerror="this.onerror='';this.src='/assets/images/moren/morentu.png'" alt="前端进阶之JavaScript设计模式"> </a> <dl> <dt class="lineOverflow"> 前端进阶之JavaScript设计模式 </dt> <dd class="cont1 lineOverflow">设计模式是开发人员在软件开发过程中面临一般问题时的解决方案，代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景，打造一站式知识长龙服务，适合有JS基础的同学学习。</dd> <dd class="cont2"> <a href="/course/9.html" title="前端进阶之JavaScript设计模式" class="toStudy">立即学习</a> <span>543次学习</span> </dd> </dl> </li> <li> <a href="/course/2.html" title="GO语言核心编程课程" class="img_box"> <img src="/uploads/20221221/634ad7404159bfefc6a54a564d437b5f.png" onerror="this.onerror='';this.src='/assets/images/moren/morentu.png'" alt="GO语言核心编程课程"> </a> <dl> <dt class="lineOverflow"> GO语言核心编程课程 </dt> <dd class="cont1 lineOverflow">本课程采用真实案例，全面具体可落地，从理论到实践，一步一步将GO核心编程技术、编程思想、底层实现融会贯通，使学习者贴近时代脉搏，做IT互联网时代的弄潮儿。</dd> <dd class="cont2"> <a href="/course/2.html" title="GO语言核心编程课程" class="toStudy">立即学习</a> <span>516次学习</span> </dd> </dl> </li> <li> <a href="/course/74.html" title="简单聊聊mysql8与网络通信" class="img_box"> <img src="/uploads/20240103/bad35fe14edbd214bee16f88343ac57c.png" onerror="this.onerror='';this.src='/assets/images/moren/morentu.png'" alt="简单聊聊mysql8与网络通信"> </a> <dl> <dt class="lineOverflow"> 简单聊聊mysql8与网络通信 </dt> <dd class="cont1 lineOverflow">如有问题加微信：Le-studyg；在课程中，我们将首先介绍MySQL8的新特性，包括性能优化、安全增强、新数据类型等，帮助学生快速熟悉MySQL8的最新功能。接着，我们将深入解析MySQL的网络通信机制，包括协议、连接管理、数据传输等，让</dd> <dd class="cont2"> <a href="/course/74.html" title="简单聊聊mysql8与网络通信" class="toStudy">立即学习</a> <span>500次学习</span> </dd> </dl> </li> <li> <a href="/course/57.html" title="JavaScript正则表达式基础与实战" class="img_box"> <img src="/uploads/20221226/bbe4083bb3cb0dd135fb02c31c3785fb.jpg" onerror="this.onerror='';this.src='/assets/images/moren/morentu.png'" alt="JavaScript正则表达式基础与实战"> </a> <dl> <dt class="lineOverflow"> JavaScript正则表达式基础与实战 </dt> <dd class="cont1 lineOverflow">在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。</dd> <dd class="cont2"> <a href="/course/57.html" title="JavaScript正则表达式基础与实战" class="toStudy">立即学习</a> <span>487次学习</span> </dd> </dl> </li> <li> <a href="/course/28.html" title="从零制作响应式网站—Grid布局" class="img_box"> <img src="/uploads/20221223/ac110f88206daeab6c0cf38ebf5fe9ed.jpg" onerror="this.onerror='';this.src='/assets/images/moren/morentu.png'" alt="从零制作响应式网站—Grid布局"> </a> <dl> <dt class="lineOverflow"> 从零制作响应式网站—Grid布局 </dt> <dd class="cont1 lineOverflow">本系列教程将展示从零制作一个假想的网络科技公司官网，分为导航，轮播，关于我们，成功案例，服务流程，团队介绍，数据部分，公司动态，底部信息等内容区块。网站整体采用CSSGrid布局，支持响应式，有流畅过渡和展现动画。</dd> <dd class="cont2"> <a href="/course/28.html" title="从零制作响应式网站—Grid布局" class="toStudy">立即学习</a> <span>485次学习</span> </dd> </dl> </li> </ul> </div> </div> <!-- footer --> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <div class="footer"> <ul> <li ><a href="/" class="aLightGray"><em class="material-icons">home</em><span>首页</span></a></li> <li class="curr"><a href="/articlelist.html" class="aLightGray"><em class="material-icons">menu_book</em><span>阅读</span></a></li> <li ><a href="/courselist.html" class="aLightGray"><em class="material-icons">school</em><span>课程</span></a></li> <li ><a href="/ai.html" class="aLightGray"><em class="material-icons">smart_toy</em><span>AI助手</span></a></li> <li ><a href="/user.html" class="aLightGray"><em class="material-icons">person</em><span>我的</span></a></li> </ul> </div> <script src="/assets/js/require.js" data-main="/assets/js/require-frontend.js?v=1671101972"></script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?3dc5666f6478c7bf39cd5c91e597423d"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>