网页设计面试题目

来源：用户分享时间：2025/10/11 4:47:19 本文由

说明：文章内容仅供预览，部分内容可能不全，需要完整文档或者需要复制内容，请下载word后使用。下载word有问题请添加微信号:xxxxxxx或QQ：xxxxxx 处理（尽可能给您提供完整文档），感谢您的支持与谅解。

一.HTML常用的标签 ..................................................................................................... 1 二。标签的定义与用法 ........................................................................... 5 三。块级元素和行内元素都有哪些 ............................................................................... 5 四。你真的了解HTML吗 ............................................................................................. 6 五。介绍所知道的CSS hack技巧(如：_， *， +， \\9， !important 之类) ........... 6 六。介绍CSS盒模型 .................................................................................................... 11 七。CSS层叠是什么?介绍一下 ................................................................................... 12 八。都知道哪些CSS浏览器兼容性问题 .................................................................... 12 九。CSS3都有哪些新内容 ........................................................................................... 14 十。CSS3有什么效果可以实现的 ............................................................................... 14

一.HTML常用的标签

1、文本标签加粗打印机字体标签

原样输出强调输出斜体显示加粗字体标签 color:控制字体的颜色 size:控制字体的大小斜体显示下划线上标下标 2、段落标签(自动换行)

属性：align=left | center | right 3、换行标签

属性:color=''; width= n px ;size= n px(不是height); 4、列表标签 a)普通列表

列表标题: 列表项

b)无序列表//ul type=circle disc square

列表项

列表项
列表项

c)有序列表 type= a A I i 1 circle disc square

列表项
列表项
列表项

5、图片和链接标签图片：图片没有加载完成是显示的文字链接：链接的文本 target:链接打开的位置_blanck _self _parent _top 返回 6、地图标签地图标签是基于图片的

7、行内修饰符标签 8、实体字符在html中具有特殊含义的字符，例如常见的空格,< > & &#数字; 或者&实体字符名称的; 例如：空格 " # ' \空格 9、html注释 10、绝对路径与相对路径绝对路径：文件的物理路径(即资源管理器上的路径) 相对路径：相对于本页面的路径 /代表根目录 ./代表当前目录 ../代表父级目录 ./../../代表当前目录的父目录的父目录 11、布局标签 1、table 2、iframe 3、frameset、noframeset

4、div(专门学习) 表格标签

显示的内容

属性： border 边框 bgcolor 表格的背景颜色 bordercolor 边框的颜色 cellspacing 单元格之间的距离 cellpaddig 单元格内容与边框之间的距离 width 表格的宽度 height 表格的高度 valign 垂直位置 top|bottom|middle align 水平位置 right|left|center colspan 和并列 rowspan 合并行 frameset标签 frameset实例 <body> <p>您的浏览器不支持框架,请更新您的浏览器</p> </body> <noframes> </frameset> </html> iframe标签 <html> <head> <title>frameset实例</title> </head> <body> <iframe src='文件名路径' width='' height='' scrolling allowTransparency=''><iframe> </body> </html> </p><p> </p><p>frameborder='0px' </p><p>12、居中标签 <center></center> 13、表单标签 <form action='处理表单的数据的页面' enctype='表单数据的编码形式' method='上传数据的方法'> </form> enctype:3中形式 a)multipart/form-data 文件上传必须的 b)text/plain 纯文本形式上传 c)application/x-www-form-urlencoded 经过url编码后上传 method:2中方法 get:我所有数据通过地址栏 post:表单数据通过协议传递 1、<input type='text' size='用户输入的字符个数' maxlength='用户输入的最大个数' /> type: password:密码框 file:文件上传 submit:确定按钮 button:按钮 reset:重置按钮 radio:当选按钮 checkbox:复选按钮 image:图片按钮(同时传递XY轴坐标) hidden:隐藏域,通常用于传递默认值 2、<select></select>下拉列表 <option></option> <option></option>(位于select标签中间) <optgroup></optgroup>(位于select标签中间) 属性:size下拉框的大小 multiple:是否可以多选 option的属性:selected(下拉列表的默认值) value:下拉表的实际值\\ 3、<label></label>文本标签 4、<textarea><textarea> 属性:cols代表列 rows:代表行 5、fieldset标签(写在form标签的外部) <fieldset> <legend>标题<legend> </fieldset> </p><p> </p><p> </p><p> </p><p>二。<!DOCTYPE>标签的定义与用法 </p><p> </p><p><!DOCTYPE html> </p><p>作用就是加了这行网页按xhtml解析，不加则是按html解析。 </p><p>三。块级元素和行内元素都有哪些 </p><p> </p><p>块级元素(block element) div -最常用的块级元素 </p><p>dl - 和dt dd搭配使用的块级元素 form - 交互表单 h1 - 大标题 hr - 水平分隔线 ol - 排序表单 p - 段落 </p><p>ul - 非排序列表 </p><p>内联元素(inline element) a - 锚点 </p><p>b - 粗体(不推荐) br - 换行 em - 强调 </p><p>font - 字体设定(不推荐) i - 斜体 img - 图片 input - 输入框 label - 表格标签 select - 项目选择 small - 小字体文本 </p><p>span - 常用内联容器，定义文本内区块 strike - 中划线 strong - 粗体强调 sub - 下标 sup - 上标 </p><p>textarea - 多行文本输入框 tt - 电传文本 u - 下划线 </p><p> </p><p></p><div class="page"><ul><li><a href=c53xk63wo911qw0b8dn6k_1.html class="hover" >1</a></li><li><a href=c53xk63wo911qw0b8dn6k_2.html>2</a></li><li><a href=c53xk63wo911qw0b8dn6k_3.html>3</a></li></ul></div> <script type="text/javascript">s("content-body-bot");</script> </div> <div class="search-more">搜索更多关于： <a class="title2" title="网页设计面试题目" href="sp5du45rlqrkxtwirmdu54nhq_1.html">网页设计面试题目</a> 的文档</div> <div class="down-word"> <div class="word-ico"></div> <div class="word-tit"> <span class="docx" id="82f1a66425c52cc58bd6be9c">网页设计面试题目.doc</span> <span>将本文的Word文档下载到电脑，方便复制、编辑、收藏和打印</span> <span><script type="text/javascript">s("content-down");</script></span> </div> <div class="word-pic"><a rel="nofollow" href="javascript:;">下载这篇word文档</a></div> </div> <div class="show-url">本文链接：<a href="">https://www.diyifanwen.net/c53xk63wo911qw0b8dn6k_1.html</a>（转载请注明文章来源）</div> <script type="text/javascript">s("content-bot");</script> <div class="block7"> <p> 相关推荐： </p> <ul class="box"> <li><a title="大学生寒假社会实践报告范文3000字_社会实践报告.doc" href=c20lt5960wx8mqar1rud16ehs64cxfu0122j_6.html>大学生寒假社会实践报告范文3000字_社会实践报告.doc</a></li><li><a title="2019年四川省宜宾市中考数学试卷（解析版）" href=c6vy2d9z01x5nd0e7n2yj9vfqx3d4pq0160t_6.html>2019年四川省宜宾市中考数学试卷（解析版）</a></li><li><a title="人力资源管理概论复习题" href=c7qwop8lm980daet3z40j_4.html>人力资源管理概论复习题</a></li><li><a title="高中英语语法动名词讲解练习" href=c17adf99nmz0wk4t3v4f03ibqw7s1q700tiv_2.html>高中英语语法动名词讲解练习</a></li><li><a title="网页设计面试题目" href=c53xk63wo911qw0b8dn6k_1.html>网页设计面试题目</a></li><li><a title="联盟式汽车营销模式研究――以兰天集团为例" href=c40bnc6oxuy3cwgi893aj3uh255c6he00c5m_6.html>联盟式汽车营销模式研究――以兰天集团为例</a></li><li><a title="openfalcon+grafana安装配置手册及注意事项" href=c17ga86ij8s2xc796bdhv_8.html>openfalcon+grafana安装配置手册及注意事项</a></li><li><a title="安徽省蚌埠市第二中学高一下学期期中考试生物试题" href=c1ke0n4cphq9ersa9pruq6ksx797jp100wo9_1.html>安徽省蚌埠市第二中学高一下学期期中考试生物试题</a></li><li><a title="人力资源管理概论复习题" href=c7qwop8lm980daet3z40j_7.html>人力资源管理概论复习题</a></li><li><a title="创建国家卫生城市病媒生物防制技术方案." href=c1gn8c29ypm9s4tl8lgrm6o2vt5lzj600ctl_3.html>创建国家卫生城市病媒生物防制技术方案.</a></li><li><a title="00毕业论文格式规范 - 图文" href=c2usmv32pac7916095d15_8.html>00毕业论文格式规范 - 图文</a></li><li><a title="《语法讲义》读书笔记" href=c8v45u4d04a35m4y30uzz_8.html>《语法讲义》读书笔记</a></li><li><a title="2018上海徐汇区高三一模语文精彩试题（附问题详解解析汇报）" href=c828wq8kjgt68ub00wtu64vbt01gdv9005i6_3.html>2018上海徐汇区高三一模语文精彩试题（附问题详解解析汇报）</a></li><li><a title="浅析中学英语课堂游戏教学法" href=c5e5ib2uacz2r4yj9c24c_1.html>浅析中学英语课堂游戏教学法</a></li><li><a title="关于做好2010年普通高等教育学分互认和专科升本科工作的通知" href=c44uuj8bhn079ew80p2to_1.html>关于做好2010年普通高等教育学分互认和专科升本科工作的通知</a></li><li><a title="武汉大学近年马原试题 - 叶植申" href=c2j2nf2ye5a3xy6q95ja2_2.html>武汉大学近年马原试题 - 叶植申</a></li><li><a title="银行理财产品发展趋势" href=c5kf1c5dbf547ty70k29p_13.html>银行理财产品发展趋势</a></li><li><a title="(3份试卷汇总)2019-2020学年湖北省宜昌市高考第一次质量检测理综物理试题" href=c94yh95f08j2r4yi9c8hj79c964hjsm00lgv_5.html>(3份试卷汇总)2019-2020学年湖北省宜昌市高考第一次质量检测理综物理试题</a></li><li><a title="布达拉宫赏析论文 - 图文" href=c2ljqf3rtdd4zk8n0i2b1_2.html>布达拉宫赏析论文 - 图文</a></li><li><a title="毕业设计-基于AT89C51单片机的八路智力抢答器设计" href=c17kr78i2be3fmdy9ul8q7b8vd538ce00y00_5.html>毕业设计-基于AT89C51单片机的八路智力抢答器设计</a></li> <li><a href="https://www.05166.com/" title="六六文库" target="_blank">六六文库网</a></li><li><a href="/cidian/" title="第一汉语词典" target="_blank">第一汉语词典</a></li><li><a href="/chengyu/" title="第一成语大全" target="_blank">第一成语大全</a></li><li><a href="/gushici/" title="第一古诗词大全" target="_blank">第一古诗词大全</a></li> </ul> </div> </div> </div> <div class="right_1"> <div class="u_2"><script type="text/javascript">s("right-1");</script></div> <div class="region2 u_2"> <div class="t_1">综合文库</div> <ul class="menu"> <li><a href="/wenku/youer/">幼儿教育</a></li> <li><a href="/wenku/xiaoxue/">小学教育</a></li> <li><a href="/wenku/gaozhongjiaoyu/">高中教育</a></li> <li><a href="/wenku/chuzhong/">初中教育</a></li> <li><a href="/wenku/gaodengjiaoyu/">高等教育</a></li> <li><a href="/wenku/waiyuxuexi/">外语学习</a></li> <li><a href="/wenku/zigekaoshirenzheng/">资格考试认证</a></li> <li><a href="/wenku/jiaoxueyanjiu/">教学研究</a></li> <li><a href="/wenku/renwensheke/">人文社科</a></li> <li><a href="/wenku/jingguanyingxiao/">经管营销</a></li> <li><a href="/wenku/gongchengkeji/">工程科技</a></li> <li><a href="/wenku/ITjisuanji/">IT计算机</a></li> <li><a href="/wenku/zirankexue/">自然科学</a></li> <li><a href="/wenku/yiyaoweisheng/">医药卫生</a></li> <li><a href="/wenku/nonglinmuyu/">农林牧渔</a></li> <li><a href='/wenku/zonghe/' class='on'>综合文库</a></li> <div class="clear"> </div> </ul> </div> <div class="region2 u_2"> <div class="t_1"> 最新文档 </div> <ul class="block3 u_1"> <li><a title="CA6140车床法兰盘加工工艺及钻孔夹具设计(doc 38页)" href=c5fdzp8jat96c4rp7oypx5gf8x599m300sut_4.html>CA6140车床法兰盘加工工艺及钻孔夹具设计(doc 38页)</a></li><li><a title="会计基础第三章会计科目和账户练习题及答案(完整资料).doc" href=c2mejp2q2gj2r4yi9c8hj79c964hjzq00lgb_1.html>会计基础第三章会计科目和账户练习题及答案(完整资料).doc</a></li><li><a title="银行理财产品发展趋势" href=c5kf1c5dbf547ty70k29p_13.html>银行理财产品发展趋势</a></li><li><a title="全国2019年4月高等教育自学考试" href=c9dqu29hph20n19a8hrgx9da6a52gca00h30_1.html>全国2019年4月高等教育自学考试</a></li><li><a title="食品风味化学习题集" href=c3qwq427brq2cg5h8iuau_1.html>食品风味化学习题集</a></li><li><a title="梯控管理系统设计方案" href=c1ze9r6whmi3fmdy9ul8q7b8vd5385a00y1d_2.html>梯控管理系统设计方案</a></li><li><a title="2020中考复习物理知识点提升训练——专题九：机械与功" href=c24t6844bgl5nd0e7n2yj9vfqx3d4wu015vq_1.html>2020中考复习物理知识点提升训练——专题九：机械与功</a></li><li><a title="建筑地基基础设计规范(GB50007-2011)" href=c18l6v13x7d4yj364r8vu_3.html>建筑地基基础设计规范(GB50007-2011)</a></li><li><a title="武汉大学近年马原试题 - 叶植申" href=c2j2nf2ye5a3xy6q95ja2_3.html>武汉大学近年马原试题 - 叶植申</a></li><li><a title="钢铁厂废气处理措施" href=c53rr73lafw3ibqx7sim4_4.html>钢铁厂废气处理措施</a></li> </ul> </div> <div class="region2 u_2"> <div class="t_1"> 热门推荐 </div> <div class="block3"> <script type="text/javascript">s("right-2");</script> </div> </div> <div class="region2 u_2"> <div class="t_1"> 热门排行 </div> <ul class="block1"> <li><a title="CA6140车床法兰盘加工工艺及钻孔夹具设计(doc 38页" href="s01v01t01i01d01g01csbqioalhxg34nh4gbkijpijpprugjutdni1ghmhg3brlqrkx01402s03302r00w01f01ku45_1.html">CA6140车床法兰盘加工工艺及钻孔夹具设计(</a></li><li><a title="螺杆压缩机的工作原理" href="sqt6keegi3p49ke2nesijpfocginmx2_1.html">螺杆压缩机的工作原理</a></li><li><a title="分户验收监理质量控制讲义(原件)" href="sg7ajefuj0jzqngxmx2rvsssvjong8mrlefgp014ginfli015_1.html">分户验收监理质量控制讲义(原件)</a></li><li><a title="中国社会各阶级的分析读后感" href="sffxh6lny6fmiglgto6p0nnesg7akggrnfglqj6n_1.html">中国社会各阶级的分析读后感</a></li><li><a title="第十章个人信托与法人信托" href="sobwgg1o9s00wffufjufs1jfcff2lhxfjufs1jfc_1.html">第十章个人信托与法人信托</a></li><li><a title="(完整版)新部编小学一年级语文下册课课练(1-12课)" href="s014i30k1gmko015k34smgp3qi6ni1yfeoinop0nrn1k1zfezg3wrnirnip1f01401d01901d01erni015_1.html">(完整版)新部编小学一年级语文下册课课练(1-</a></li><li><a title="护士工作失误检讨书护士工作检讨书" href="sjhghkbijpfochm9rn3kowrl4fhi00wjhghkbijpfockowrl4fhi_1.html">护士工作失误检讨书护士工作检讨书</a></li><li><a title="电子商务专业2010级13班元华论文" href="sn5hi1cguegblff7ffe01e01c01d01cp0n01d01fmwd00wg1vggerlmk1z_1.html">电子商务专业2010级13班元华论文</a></li><li><a title="SCS-120T全电子汽车衡项目模拟方案书(3.25)5" href="s02b01v02b01901d01e01c02cg2wn5hi1clfhsbqqxtu49nhqkypjj3k3dklkfhi01401f01a01e01h01501h_1.html">SCS-120T全电子汽车衡项目模拟方案书(3</a></li><li><a title="城市地价动态监测和基准地价更新中存在的问题与对策 " href="shceikih80fljgbsiypngxll7gp8hdmg5ih80fljkc4k34ffxi1kh7snestm6u54ff2i61od201203202q03703401n_1.html">城市地价动态监测和基准地价更新中存在的问题与对</a></li> </ul> </div> <div class="u_2"><script type="text/javascript">s("right-3");</script></div> </div> <div class="clear"> </div> </div> <div class="sidebar word-pic"><a href="javascript:;" class="copy-fullpage"><span>一键复制全文</span></a><a href="javascript:;" class="sidedown dl-link"><span>下载文档</span></a></div>    <div class="codelogin-mask"></div> <div class="service-mask"></div> <div class="theme-popover-mask"></div> <div class="theme-popover-mask"></div> <script type="text/javascript"> $(".pay1 img").click(function () { $(".wxpay").css("display", "block"); $(".alipay").css("display", "none"); $(".pay1 img").addClass("over"); $(".pay2 img").removeClass("over"); }); $(".pay2 img").click(function () { $(".wxpay").css("display", "none"); $(".alipay").css("display", "block"); $(".pay1 img").removeClass("over"); $(".pay2 img").addClass("over"); }); </script> <script type="text/javascript"> $(document).ready(function ($) { $(".word-pic a").click(function () { location.href = '/d.asp?id=53xk63wo911qw0b8dn6k&p=1' // $(".theme-popover-mask").fadeIn(200); // $(".theme-popover").slideDown(200); // $.ajax({ // type: "POST", // dataType: "json", // url: "/user/check_rank.php", // data: {"aid": "{dede:field.id/}"}, // async: false, // success: function (data, textStatus, jqXHR) { // location.href = '/d.asp?id=53xk63wo911qw0b8dn6k&p=1' // if (data.code === "2") { // //游客 // $(".vip-up").hide(); // $(".vip-pay").hide(); // var downid = "{dede:field.id/}" // $(".wxpay a").click(function(){ // var payurl = "/hupipay/payment_pay_tz.php?payway=wx&aid="; // payurl = payurl.replace("payment", "youke"); // var gotourl = payurl + downid // location.href = gotourl; // }); // $(".alipay a").click(function(){ // var payurl = "/hupipay/payment_pay_tz.php?payway=ali&aid="; // payurl = payurl.replace('payment', 'youke'); // var gotourl = payurl + downid // location.href = gotourl; // }); // } else if (data.code === "3") { // $(".theme-popover .theme-poptit b").text("会员快捷下载通道"); // //注册会员 // $(".guest-pay").hide(); // $(".vip").hide(); // $(".vip-pay").show(); // $(".vip-up").show(); // var downid = "{dede:field.id/}" // $(".wxpay a").click(function(){ // var payurl = "/hupipay/payment_get.php?version=1.1&paymethod=2&pid="; // payurl = payurl.replace("payment", "pay"); // var gotourl = payurl + downid // location.href = gotourl; // }); // $(".alipay a").click(function(){ // var payurl = "/hupipay/payment_get.php?version=1.1&paymethod=3&pid="; // payurl = payurl.replace("payment", "pay"); // var gotourl = payurl + downid // location.href = gotourl; // }); // } else if (data.code === "5") { // layer.alert("今日下载次数已用完！请明日再来！您可以升级会员增加下载次数！", {icon: 2}); // } else if (data.code === "6") { // layer.alert("VIP会员已到期！请及时续费！", {icon: 2}); // } else { // location.href = "/plus/d.php?id={dede:field.id/}"; // } // } // }); }) // $(".theme-poptit .close").click(function () { // $(".theme-popover-mask").fadeOut(200); // $(".theme-popover").slideUp(200); // }) }) </script> <script type="text/javascript"> // $(document).ready(function ($) { // $.ajax({ // type: "POST", // dataType: "json", // data: {"aid": ""}, // url: "/user/check_level.php", // async: false, // success: function (data, textStatus, jqXHR) { // if (data.code === "2" || data.code === "3") { // $(document).keydown(function (e) { // if (e.ctrlKey && (e.keyCode == 65 || e.keyCode == 67)) { // $(".theme-popover-mask").fadeIn(100); // $(".theme-popover").slideDown(200); // } // }); // document.body.oncopy = function () { // $(".theme-popover-mask").fadeIn(200); // $(".theme-popover").slideDown(200); // return false; // } // } // } // }) // }) </script> <script type="text/javascript"> // $(".service a").click(function () { // $(".service-mask").fadeIn(200); // $(".service-box").slideDown(200); // $(".theme-popover-mask").fadeOut(200); // $(".theme-popover").slideUp(200); // }); // $(".service-tit .close").click(function () { // $(".service-mask").fadeOut(200); // $(".service-box").slideUp(200); // }); // $("#vip-buy a").click(function () { // $(".codelogin-mask").fadeIn(200); // $(".codelogin-box").slideDown(200); // $(".theme-popover-mask").fadeOut(200); // $(".theme-popover").slideUp(200); // }); // $(".codelogin-tit .close").click(function () { // $(".codelogin-mask").fadeOut(200); // $(".codelogin-box").slideUp(200); // }); </script>   <script type="text/javascript"> // $(function() { // //微信登录 // var obj = new WxLogin({ // self_redirect: false, // id: "codeLogin", // appid: "wxc14721457b782a70", // scope: "snsapi_login", // redirect_uri: encodeURIComponent("https://www.diyifanwen.net/plus/wx_login.php"), // state: "https://www.diyifanwen.net", // style: "", // href: "https://www.diyifanwen.net/style/css/wxlogin.css" // }); // }) </script> <div class="foot">Copyright © 2012-2023 第一范文网版权所有 <a href="https://www.diyifanwen.net/about/disclaimer.html" target="_blank" rel="nofollow">免责声明</a> | <a href="https://www.diyifanwen.net/about/contact.html" target="_blank" rel="nofollow">联系我们</a><br/> 声明 :本网站尊重并保护知识产权，根据《信息网络传播权保护条例》，如果我们转载的作品侵犯了您的权利,请在一个月内通知我们，我们会及时删除。<br/> 客服QQ：xxxxxx 邮箱：xxxxxx@qq.com<br/> <a href="//www.beian.miit.gov.cn/" target="_blank">渝ICP备2023013149号</a> </div> <a href="#0" class="cd-top">Top</a> <script type="text/javascript" src="/style/js/jquery.min.js"></script> <script type="text/javascript"> $(".right-tag a").each(function(){$(this).addClass("tags"+(Math.floor(Math.random()*9)+1));}); $(function(){var c=$("#FontSizeBtn i"),a=$(".art_body");c.click(function(){var b=$(this).index();0==b&&a.css("font-size","18px");1==b&&a.css("font-size","16px");2==b&&a.css("font-size","14px");c.removeClass("active");$(this).addClass("active")})}); </script> <script type="text/javascript"> function search() { var q = document.getElementById("q").value; window.location.href = "/search/"+q+".html"; } function enterIn(obj,evt) { var evt = evt ? evt : (window.event ? window.event : null); if (evt.keyCode == 13) { var q = obj.value; window.location.href = "/search/"+q+".html"; } } </script>  <script type="text/javascript"> $(function () { $(".user-box").hover(function () { $(".drop-menu").stop(true, true).fadeIn(0); }, function () { $(".drop-menu").fadeOut(500, function () { $(".drop-menu").css("display", "none"); }); }); }); </script> <script> //首页分类 $('.nav_list li').hover(function() { $(".nav_list > li > div ").css('display', 'none'); $(this).children("div").show(); }, function() { $(".nav_list > li > div ").css('display', 'none'); }); //分类下拉 $(function() { $(".nav.down").hover(function() { $(".nav.down > ul").fadeIn("slow"); $(".nav.down > ul").css('display', 'block'); }, function() { $(".nav.down > ul").css('display', 'none'); }); }); $(document).on("keydown", function(e) { if (e.keyCode == 13 && $("#txt_search").is(":focus")) { $("#search_button").click(); } }); </script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?1e9741f8c1b2df70963b3e7f3680f749"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <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>