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="/cjdlp.html" title="怎么使歌曲倒放"><span>2</span><h3>怎么使歌曲倒放</h3></a></li>
<li><a href="/cjdlo.html" title="VMware虚拟机教程1-虚拟机安装与注册"><span>3</span><h3>VMware虚拟机教程1-虚拟机安装与注册</h3></a></li>
<li><a href="/cjdln.html" title="tim群中如何发布公告"><span>4</span><h3>tim群中如何发布公告</h3></a></li>
<li><a href="/cjdlm.html" title="WPS会员怎么取消自动续费？"><span>5</span><h3>WPS会员怎么取消自动续费？</h3></a></li>
<li><a href="/cjdll.html" title="怎样快速创建免费qq群"><span>6</span><h3>怎样快速创建免费qq群</h3></a></li>
<li><a href="/cjdlk.html" title="常用的公众号粉丝裂变的两种方法"><span>7</span><h3>常用的公众号粉丝裂变的两种方法</h3></a></li>
<li><a href="/cjdlj.html" title="教你一招加qq群的绝招，通过率超高"><span>8</span><h3>教你一招加qq群的绝招，通过率超高</h3></a></li>
<li><a href="/cjdli.html" title="怎样进行夏日露腿大作战短裤的魅力杀很大"><span>9</span><h3>怎样进行夏日露腿大作战短裤的魅力杀很大</h3></a></li>
<li><a href="/cjdlh.html" title="qq群如何设置加群方式"><span>10</span><h3>qq群如何设置加群方式</h3></a></li>
<li><a href="/cjdlg.html" title="包皮水肿怎么消除"><span>11</span><h3>包皮水肿怎么消除</h3></a></li>
<li><a href="/cjdlf.html" title="与你怎么设置拉我进群的方式？"><span>12</span><h3>与你怎么设置拉我进群的方式？</h3></a></li>
<li><a href="/cjdle.html" title="飞书怎么创建群聊"><span>13</span><h3>飞书怎么创建群聊</h3></a></li>
<li><a href="/cjdld.html" title="2016一级建造师考试经验"><span>14</span><h3>2016一级建造师考试经验</h3></a></li>
<li><a href="/cjdlc.html" title="ORACLE学习记：[11]如何Oracle DBA 快速入门"><span>15</span><h3>ORACLE学习记：[11]如何Oracle DBA 快速入门</h3></a></li>
<li><a href="/cjdlb.html" title="护书角的折法"><span>16</span><h3>护书角的折法</h3></a></li>
<li><a href="/cjdla.html" title="如何选择移民香港方式"><span>17</span><h3>如何选择移民香港方式</h3></a></li>
<li><a href="/cjdkz.html" title="样式精美的年会h5邀请函制作步骤解读"><span>18</span><h3>样式精美的年会h5邀请函制作步骤解读</h3></a></li>
<li><a href="/cjdky.html" title="戴尔笔记本怎么设置电脑系统的字体"><span>19</span><h3>戴尔笔记本怎么设置电脑系统的字体</h3></a></li>
<li><a href="/cjdkx.html" title="华为mate20 pro字体样式在哪设置?怎么更换字体"><span>20</span><h3>华为mate20 pro字体样式在哪设置?怎么更换字体</h3></a></li>
<li><a href="/cjdkw.html" title="FreeMind如何设置其他字体样式"><span>21</span><h3>FreeMind如何设置其他字体样式</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-2025 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>
找到页面上的