layer是一个备受青睐的web弹层组件，layer弹出框的标题默认显示为：'信息'，可以通过添加title属性设置弹出框的标题内容。代码：layer.open({ type: 2, content: 'test.html', title:'新增标题' })
方法/步骤
1
打开前端开发工具，新建一个html代码页面
2标签，在<title>标签后面使用添加下载好的layer.css文件</p></div><div class="listcon"><span>3</span><p>在layer.css文件后面插入下载好的jquery.js、layer.js这两个外部文件（注：jquery.js要放在layer.js的前面）</p></div><div class="listcon"><span>4</span><p>创建弹出框。在layer.js引入文件后面创建一个新的<script>标签,然后在这个标签里面使用layer.open()创建弹出框功能。创建弹出框的代码layer.open({ type: 2, content: 'test.html', })</p></div><div class="listcon"><span>5</span><p>查看弹出框效果。保存html代码文件后使用浏览器打开,这个时候看到弹出框已经功能已经实现，弹出框默认的标题显示为‘信息’</p></div><div class="listcon"><span>7</span><p>保存html代码后重新刷新浏览器页面,即可看到弹出框的标题已经修成功</p></div></div><div class="prev_next">
<div class="prev">
<span>上一篇：</span><a href="/cawnr.html">如何选出最满意的婚宴场地 告诉你五大技巧</a>
</div>
<div class="next">
<span>下一篇：</span><a href="/cawnt.html">怎么使用91剪报的修改笔记标题功能？</a>
</div>
</div>
</div>
<div class="appleccmw content-right">
<div class="listmore">推荐信息</div>
<div class="send_list">
<ul>
<li><a href="/cawns.html" title="layer标题修改;layer弹出框修改标题"><span>1</span><h3>layer标题修改;layer弹出框修改标题</h3></a></li>
<li><a href="/aitcc.html" title="程序员的工作包括哪些呢？"><span>2</span><h3>程序员的工作包括哪些呢？</h3></a></li>
<li><a href="/aitcb.html" title="编程语言的原理和运行机制"><span>3</span><h3>编程语言的原理和运行机制</h3></a></li>
<li><a href="/aitca.html" title="学习编程后能够去哪些行业？"><span>4</span><h3>学习编程后能够去哪些行业？</h3></a></li>
<li><a href="/aitbz.html" title="C++基础之何谓编程（一）"><span>5</span><h3>C++基础之何谓编程（一）</h3></a></li>
<li><a href="/aitby.html" title="小学生编程课主要学什么"><span>6</span><h3>小学生编程课主要学什么</h3></a></li>
<li><a href="/aitbx.html" title="女孩学化妆有前途吗？去哪学"><span>7</span><h3>女孩学化妆有前途吗？去哪学</h3></a></li>
<li><a href="/aitbw.html" title="学化妆到哪里-教你粉嫩约会妆"><span>8</span><h3>学化妆到哪里-教你粉嫩约会妆</h3></a></li>
<li><a href="/aitbv.html" title="我想学化妆去哪好？甜美感桃花妆"><span>9</span><h3>我想学化妆去哪好？甜美感桃花妆</h3></a></li>
<li><a href="/aitbu.html" title="九个技巧帮你提升照片神秘感"><span>10</span><h3>九个技巧帮你提升照片神秘感</h3></a></li>
<li><a href="/aitbt.html" title="怎么拍完美微笑婚纱照？"><span>11</span><h3>怎么拍完美微笑婚纱照？</h3></a></li>
<li><a href="/aitbs.html" title="婚纱照中的单人婚纱照该怎么拍"><span>12</span><h3>婚纱照中的单人婚纱照该怎么拍</h3></a></li>
<li><a href="/aitbr.html" title="拍模卡人像如何拍"><span>13</span><h3>拍模卡人像如何拍</h3></a></li>
<li><a href="/aitbq.html" title="旅行中掌握这些拍照技巧让你的照片美十倍！"><span>14</span><h3>旅行中掌握这些拍照技巧让你的照片美十倍！</h3></a></li>
<li><a href="/aitbp.html" title="单反摄影构图技巧之我拍摄的11种构图"><span>15</span><h3>单反摄影构图技巧之我拍摄的11种构图</h3></a></li>
<li><a href="/aitbo.html" title="如何拍大合影"><span>16</span><h3>如何拍大合影</h3></a></li>
<li><a href="/aitbn.html" title="漫画脸怎么拍_一甜相机怎么拍出漫画脸"><span>17</span><h3>漫画脸怎么拍_一甜相机怎么拍出漫画脸</h3></a></li>
<li><a href="/aitbm.html" title="怎样拍摄独特的人物肖像摄影技巧"><span>18</span><h3>怎样拍摄独特的人物肖像摄影技巧</h3></a></li>
<li><a href="/aitbl.html" title="如何用相机拍摄动物"><span>19</span><h3>如何用相机拍摄动物</h3></a></li>
<li><a href="/aitbk.html" title="梦想城镇怎么显示游戏大头照头像"><span>20</span><h3>梦想城镇怎么显示游戏大头照头像</h3></a></li>
<li><a href="/aitbj.html" title="如何拍出高大上的照片？（5种常见的构图方法）"><span>21</span><h3>如何拍出高大上的照片？（5种常见的构图方法）</h3></a></li>
</ul>
<div class="clear"></div>
</div>
</div>
</div>
<div class="clear"></div>
<div class="onjfeeds"></div><span class="onj_live"></span><span class="childonj"></span><div class="onj_location"></div><span class="buddhaonj"></span><div class="branchesccmw footer_service">
<a href="/sitemap.html" target="_blank">网站地图</a>
<a href="/sitemap.xml" target="_blank">XML</a>
<a href="/sitemap.txt" target="_blank">TXT</a>
<a href="/rss.xml" target="_blank">RSS</a>
<a href="/privacy.html" target="_blank">隐私政策</a>
<a href="/service.html" target="_blank">服务条款</a>
<a href="/agreement.html" target="_blank">使用条款</a>
<div class="flagccmw footer_copyright clogWalletccmw">Copyright ©1996-2026 www.onijiang.com Corporation, All Rights Reserved</div>
</div>
<script src="/static/index1js/jquery-3.5.1.min.js" rel="external nofollow"></script>
<script src="/static/js/share.js" rel="external nofollow"></script>
<script src="/static/js/tran.js" rel="external nofollow"></script>
<script src="/static/js/langs.js" rel="external nofollow" ></script>
<div class="onj_happy"></div><span class="containeronj"></span><div class="baronj" id="baronj"></div><div id="Family_seal_onj"></div><script>
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https'){
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else{
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
</body>
</html>
找到页面上的