HTML网页开发是指使用HTML（超文本标记语言）语言进行网页设计和开发的过程。HTML是一种用于创建网页的标准标记语言，它使用标记来描述网页的结构和呈现方式。通过编写HTML代码，开发者可以构建各种各样的网页，展示出丰富多彩的内容和交互功能。
二、HTML基础
在进行HTML网页开发之前，首先需要了解HTML的基础知识。HTML由一系列的标签组成，标签用于描述页面中的各个元素，如标题、段落、图像、链接等。常见的HTML标签包括：、
、、
、<h1>、<p> 、<img>、<a>等。通过合理使用这些标签，可以构建出清晰、有序的网页结构。</p><p> 三、CSS样式设计</p><p> 除了HTML标签，还可以使用CSS（层叠样式表）对网页进行样式设计，从而实现更加美观的页面布局和视觉效果。CSS通过选择器来选择HTML元素，并为其指定样式。常见的CSS属性包括：颜色、背景、字体、边框、大小等。通过合理运用CSS，可以让网页呈现出独特的个性和专业的外观。</p><p> 四、网页布局</p><p> 在进行HTML网页开发时，合理的网页布局是非常重要的。网页布局指的是将网页中的各个元素进行排布和组合，以便呈现出理想的页面结构。常见的网页布局方式有：流式布局、响应式布局和固定布局等。每一种布局方式都有各自的特点和优势，开发者应根据具体需求进行选择。</p><p> 五、交互功能</p><p> 现代网页的开发已经不再局限于静态的展示，更多的是要实现丰富的交互功能。通过HTML的结构和CSS的样式设计，可以为网页添加各种交互元素，如按钮、表单、弹窗等。此外，通过JavaScript等脚本语言的使用，还可以实现更加复杂的交互效果，如动态数据加载、表单验证、动画效果等。</p><p> 六、调试和优化</p><p> 在进行HTML网页开发的过程中，调试和优化是必不可少的环节。开发者应该经常进行代码测试，确保页面在各种浏览器和设备上的兼容性。同时，也要关注页面的性能问题，如加载速度、资源文件的压缩等，以提升用户的体验感和页面的访问速度。</p><p> 七、实践和学习</p><p> HTML网页开发是一个不断实践和学习的过程。通过参与实际项目的开发，掌握更多的开发技巧和经验。同时，也应保持对新技术和工具的学习，如HTML5、CSS3、响应式设计等，以跟上行业的发展趋势，提升自己的竞争力。</p><p> 总结</p><p> HTML网页开发是构建精美界面、实现交互功能的过程。通过掌握HTML基础知识、运用CSS样式设计、合理的网页布局和添加交互功能，可以打造出令人印象深刻的网页作品。在不断实践和学习中提升自己的开发技能，开拓更广阔的职业发展空间。开始你的HTML网页开发之旅吧！</p>
</div>
<p class="tip">注：文章来源于网络，如有侵权请联系客服小姐姐删除。</p>
<p class="next">
<span>下一篇：</span>
<a href="/xxzx/5706.html">国外的H5自助建站平台，探索网站搭建的新方式</a>
</p>
<!-- 表单 -->
<form action="/customer/feedback?is_ajax=1" method="post" id="submitFormSpecial" name="submitform">
<input type="hidden" class="log_id" name="log_id" value="" />
<input type="hidden" class="promoteSlug" name="promoteSlug" value="" /> <!-- 常规表单不记入活动 -->
<input type="hidden" class="channelSlug" name="channelSlug" value="" />
<input type="hidden" class="formSlug" name="formSlug" value="" />
<input type="hidden" class="landUrl" name="landUrl" value="" />
<input type="hidden" name="formType" value='' /> <!-- 打开表单按钮 -->
<input type="hidden" name="eventType" value='' /> <!-- 打开表单按钮 -->
<input type="hidden" class="sourceUrl" name="sourceUrl" value="" />
<input type="hidden" other_title="备注" class="other" value="学习中心网站建设学院知识咨询" />
<div class="formBox">
<h3>没有找到您希望了解的内容？</h3>
<h4><span>*</span>请具体描述您想要了解的内容：</h4>
<div style="position: relative;">
<textarea other_title="其他需求"
class="formText required other" maxlength="200" id="" cols="30" rows="10" required_msg="具体描述不能为空"
placeholder="限定最大输入200个字符"
></textarea>
<span class="maxNum">0/200</span>
</div>
<h4><span>*</span>请留下联系方式，以便我们能联络到您：</h4>
<input type="text" name="mobile" class="phone" value="" maxlength="11" placeholder="手机号码" />
<input type="text" class="code verifyInput" name="verify" value="" placeholder="验证码" />
<img src="https://s.300.cn/v3.0/home/images/yzm_null.jpg" class="code_image" alt="">
<div class="btnBox">
<span class="btna zixunsubmit" >提交问题</span>
<span class="wechat">
<i class="iconfont iconweixin1"></i>
<span>微信咨询专家</span>
<div class="poper">
<img class="qr-img" src="https://a.300.cn/banner/20201209/5fd0705ba8c9b.jpg?20210303221641" alt="">
<p class="qr-tip">扫一扫，添加<span>动力小姐姐</span>微信</p>
</div>
</span>
</div>
</div>
</form>
</div>
<!-- 右侧推荐内容 -->
<div class="linkList">
<h2>相关文章</h2>
<a class="recommended-item" href="/xxzx/80425.html" target="_blank" title="中企动力助力外贸企业构建具备公信力的官方站点 实现海外腾飞">中企动力助力外贸企业构建具备公信力的官方站点 实现海外腾飞</a>
<a class="recommended-item" href="/xxzx/80424.html" target="_blank" title="外贸客户引导术 刁钻时代中以强品牌+好建站撬动国际市场">外贸客户引导术 刁钻时代中以强品牌+好建站撬动国际市场</a>
<a class="recommended-item" href="/xxzx/80423.html" target="_blank" title="企业出海第一步 构建华美专业网站让中企品牌成为客户首选">企业出海第一步 构建华美专业网站让中企品牌成为客户首选</a>
<a class="recommended-item" href="/xxzx/80422.html" target="_blank" title="外销官网如何建设才具备市场穿透力 中企动力带你破解行业密码">外销官网如何建设才具备市场穿透力 中企动力带你破解行业密码</a>
<a class="recommended-item" href="/xxzx/80421.html" target="_blank" title="国际化视角看外销转型 快速掌握中企动力网站建设的核心优势">国际化视角看外销转型 快速掌握中企动力网站建设的核心优势</a>
<div class="linkSwiper">
<div class="swiper-wrapper ajax_gg_new gg_dldxpcxq" data-slug="dldxpcxq" data-swiper="linkSwiper">
<ggtemplate>
<div class="swiper-slide">
<a url-href="{url}" target="{target}">
<img pic-src="{pic}" alt="{title}">
</a>
</div>
</ggtemplate>
</div>
<!-- 如果需要分页器 -->
<div class="pagination"></div>
</div>
</div>
</div>
</div>
</div>
<!-- 移动端内容区 -->
<div class="m-wrap hidden-lg">
<div class="powerUniversity-toobar-m">
<a>
<img src="https://s.300.cn/static/v1/images/powerUniversity/logo-m.png" alt="">
</a>
<form id="topBarSerach-m" action="/xxzx/search" method="get">
<div class="inputBox">
<input type="text" placeholder="请输入关键字查找..." id="search-input-m" class="info-search-input" name="wd" value="" />
<i class="iconfont iconsousuo1"></i>
</div>
</form>
</div>
<div class="detailSwiper">
<div class="swiper-wrapper ajax_gg_new gg_dldxmxq" data-slug="dldxmxq" data-swiper="detailSwiper">
<ggtemplate>
<div class="swiper-slide">
<a url-href="{url}" target="{target}">
<img pic-src="{pic}" alt="{title}">
</a>
</div>
</ggtemplate>
</div>
<!-- 如果需要分页器 -->
<div class="pagination"></div>
</div>
<div class="detailBox">
<h3>HTML网页开发，构建精美界面，实现交互功能</h3>
<div class="crumbs">
<a>学习中心</a>
<span>/</span>
<a href="/xxzx/wzjsyy">网站建设学院</a>
</div>
<div class="msg">
<span class="date">2024-06-25</span>
<div class="num" style="display:flex;">
<span class="watch">
<i class="iconfont iconchakan"></i>
<browse class="clickcount-learn-5705" data-type="learn" data-id="5705"></browse>
</span>
<div class="applaud" data-chanid="460" data-id="5705">
<i class="iconfont iconbixin"></i>
<span class="num"><like class="goodcount-learn-5705" data-type="learn" data-id="5705"></like></span>
<p class="add animated">
赞同+1
</p>
</div>
</div>
</div>
<!-- 富文本区域 -->
<div class="ricthText case-content">
<p> HTML网页开发是指使用HTML（超文本标记语言）语言进行<a href="https://www.300.cn/" target="_blank">网页设计</a>和开发的过程。HTML是一种用于创建网页的标准标记语言，它使用标记来描述网页的结构和呈现方式。通过编写HTML代码，开发者可以构建各种各样的网页，展示出丰富多彩的内容和交互功能。</p><p> 二、HTML基础</p><p> 在进行HTML网页开发之前，首先需要了解HTML的基础知识。HTML由一系列的标签组成，标签用于描述页面中的各个元素，如标题、段落、图像、链接等。常见的HTML标签包括：<html>、<head>、<body>、<title>、<h1>、<p> 、<img>、<a>等。通过合理使用这些标签，可以构建出清晰、有序的网页结构。</p><p> 三、CSS样式设计</p><p> 除了HTML标签，还可以使用CSS（层叠样式表）对网页进行样式设计，从而实现更加美观的页面布局和视觉效果。CSS通过选择器来选择HTML元素，并为其指定样式。常见的CSS属性包括：颜色、背景、字体、边框、大小等。通过合理运用CSS，可以让网页呈现出独特的个性和专业的外观。</p><p> 四、网页布局</p><p> 在进行HTML网页开发时，合理的网页布局是非常重要的。网页布局指的是将网页中的各个元素进行排布和组合，以便呈现出理想的页面结构。常见的网页布局方式有：流式布局、响应式布局和固定布局等。每一种布局方式都有各自的特点和优势，开发者应根据具体需求进行选择。</p><p> 五、交互功能</p><p> 现代网页的开发已经不再局限于静态的展示，更多的是要实现丰富的交互功能。通过HTML的结构和CSS的样式设计，可以为网页添加各种交互元素，如按钮、表单、弹窗等。此外，通过JavaScript等脚本语言的使用，还可以实现更加复杂的交互效果，如动态数据加载、表单验证、动画效果等。</p><p> 六、调试和优化</p><p> 在进行HTML网页开发的过程中，调试和优化是必不可少的环节。开发者应该经常进行代码测试，确保页面在各种浏览器和设备上的兼容性。同时，也要关注页面的性能问题，如加载速度、资源文件的压缩等，以提升用户的体验感和页面的访问速度。</p><p> 七、实践和学习</p><p> HTML网页开发是一个不断实践和学习的过程。通过参与实际项目的开发，掌握更多的开发技巧和经验。同时，也应保持对新技术和工具的学习，如HTML5、CSS3、响应式设计等，以跟上行业的发展趋势，提升自己的竞争力。</p><p> 总结</p><p> HTML网页开发是构建精美界面、实现交互功能的过程。通过掌握HTML基础知识、运用CSS样式设计、合理的网页布局和添加交互功能，可以打造出令人印象深刻的网页作品。在不断实践和学习中提升自己的开发技能，开拓更广阔的职业发展空间。开始你的HTML网页开发之旅吧！</p>
</div>
<p class="tip">注：文章来源于网络，如有侵权请联系客服小姐姐删除。</p>
<p class="next">
<span>下一篇：</span>
<a href="/xxzx//5706.html">国外的H5自助建站平台，探索网站搭建的新方式</a>
</p>
</div>
<!-- 表单 -->
<form action="/customer/feedback?is_ajax=1" method="post" id="submitFormSpecial" name="submitform">
<input type="hidden" class="log_id" name="log_id" value="" />
<input type="hidden" class="promoteSlug" name="promoteSlug" value="" /> <!-- 常规表单不记入活动 -->
<input type="hidden" class="channelSlug" name="channelSlug" value="" />
<input type="hidden" class="formSlug" name="formSlug" value="" />
<input type="hidden" class="landUrl" name="landUrl" value="" />
<input type="hidden" name="formType" value='' /> <!-- 打开表单按钮 -->
<input type="hidden" name="eventType" value='' /> <!-- 打开表单按钮 -->
<input type="hidden" class="sourceUrl" name="sourceUrl" value="" />
<input type="hidden" other_title="备注" class="other" value="学习中心网站建设学院知识咨询" />
<div class="formBox">
<h3>没有找到您希望了解的内容？</h3>
<h4><span>*</span>请具体描述您想要了解的内容：</h4>
<div style="position: relative;">
<textarea other_title="其他需求" class="formText required other" maxlength="200" id="" cols="30" rows="10" required_msg="具体描述不能为空"
placeholder="限定最大输入200个字符"></textarea>
<span class="maxNum">0/200</span>
</div>
<h4><span>*</span>请留下联系方式，以便我们能联络到您：</h4>
<input type="text" name="mobile" class="phone" value="" maxlength='11' placeholder="手机号码" />
<input type="text" class="code verifyInput" name="verify" value="" placeholder="验证码" />
<img src="https://s.300.cn/v3.0/home/images/yzm_null.jpg" class="code_image" alt="">
<span class="btn1 zixunsubmit" >提交问题</span>
<span class="wechat">
<i class="iconfont iconweixin1"></i>
<span>微信咨询专家</span>
</span>
<div class="poperWrap">
<div class="poper">
<img class="qr-img" src="https://a.300.cn/banner/20201209/5fd0705ba8c9b.jpg?20210303221641" alt="">
<p class="qr-tip">扫一扫，添加<span>动力小姐姐</span>微信</p>
<i class="iconfont iconguanbi11 closePoper"></i>
</div>
</div>
</div>
</form>
</div>
</div>
<input type="hidden" id="articleId" value="5705" />
<input type="hidden" id="channelId" value="460" />
<input type="hidden" id="channelType" value="learn" />
<input type="hidden" id="isDetail" value="1" />
<link rel="stylesheet" href="//s.300.cn/static/v1/css/components/component-tel.css?202104171" />
<div class="hidden-xs hidden-md hidden-sm">
<div class="ics-tel pc tc">
<!-- 产品页为：获取外贸...报价 -->
<div class="word footer-word"></div>
<div class="tel-inp">
<div class="tel-inp-line">
<div class="contry-code">+86</div>
<input type="text" class="tel-num telNum" value="" placeholder="输入手机号" />
<div class="clear-btn" style="display: none">
x
</div>
</div>
<div class="tel-inp-line _codeLine" style="margin: 0 20px;display: none;">
<input type="text" class="tel-code telCode" value="" placeholder="验证码" />
<div class="clear-code-btn" style="display: none">
x
</div>
<img src="https://s.300.cn/v3.0/home/images/yzm_null.jpg" class="tel_verify_image" alt="">
</div>
<a class="main-btn" type="button" href="javascript:void(0)">预约生成报价单 </a>
</div>
</div>
</div>
<div class="hidden-lg">
<div class="ics-tel m tc">
<!-- 产品页为：获取外贸...报价 -->
<div class="word footer-word"></div>
<div class="tel-inp">
<div class="tel-inp-line">
<div class="contry-code">+86</div>
<input type="tel" class="tel-num telNum" value="" placeholder="输入手机号" />
<!-- <div class="clear-btn">x</div> -->
</div>
<div class="tel-inp-line _codeLine" style="margin: 0 .2rem;display: none;">
<input type="text" class="tel-code telCode" value="" placeholder="验证码" />
<div class="clear-code-btn" style="display: none">
x
</div>
<img src="https://s.300.cn/v3.0/home/images/yzm_null.jpg" class="tel_verify_image" alt="">
</div>
<a class="main-btn" type="button" href="javascript:void(0)">预约生成报价单 </a>
</div>
</div>
<form action="/customer/feedback?is_ajax=1" method="post" id="_hiddenFooterForm" style="display: none;">
<input type="hidden" name="is_pop" value="1">
<input type="hidden" class="log_id" name="log_id" value="44a9f2a8-8f34-d24a-e637-e0347eb12b70">
<input type="hidden" class="promoteSlug" name="promoteSlug" value="">
<!-- 常规表单不记入活动 -->
<input type="hidden" class="channelSlug" name="channelSlug" value="">
<input type="hidden" class="formSlug" name="formSlug" value="guanwang">
<input type="hidden" class="landUrl" name="landUrl" value="https://www.300.cn/">
<input type="hidden" name="formType" value="PC咨询联系浮窗">
<!-- 打开表单按钮 -->
<input type="hidden" name="eventType" value="pc-zixun">
<!-- 打开表单按钮 -->
<input type="hidden" class="sourceUrl" name="sourceUrl" value="">
<input type="hidden" name="baiduSource" value="INTENTION_SOURCE_300_FORM01">
</form>
</div>
<!-- 移动端底部 -->
<!-- 移动端调试工具 -->
<div class="hidden-lg">
<script src="https://s.300.cn/static/v1/libs/js/public.m.js?20230104203054"></script>
<script src="https://s.300.cn/static/v1/libs/js/form.m.js?20230104203054"></script>
<script type="text/javascript" src="https://s.300.cn/static/v1/js/headsearch.js?20230104203054"></script>
<div class="footer m">
<div class="copy-right">
<p>
Copyright © 1999-2025 中企动力科技股份有限公司（300.cn）All Rights
Reserved
</p>
<p>京公网安备11030102010293号 京ICP证010249-2</p>
</div>
</div>
<script>
$(function(){
$('#footerDialogLabel').click(function(){
$("#footerDialog").stop().fadeIn(300);
})
$('#footerDialog').on('touchmove',function(e){
e.stopPropagation();
e.preventDefault();
})
$('#footerDialog #consultClose').click(function(){
$("#footerDialog").stop().fadeOut(300);
})
$('#footerDialog .verify_image_footer').on('click',function(){$(this).attr('src','/verify/verify?date='+ (+new Date()))})
})
</script>
<!-- 移动端表单弹窗 -->
<div class="footerDialogModalWrap" id="footerDialog">
<form action="/customer/feedback" method="post">
<input type="hidden" class="log_id" name="log_id" value="" />
<input type="hidden" class="promoteSlug" name="promoteSlug" value="" />
<!-- 常规表单不记入活动 -->
<input type="hidden" class="channelSlug" name="channelSlug" value="" />
<input type="hidden" class="formSlug" name="formSlug" value="" />
<input type="hidden" class="landUrl" name="landUrl" value="" />
<input type="hidden" class="formType" name="formType" value="手机站底表单" />
<!-- 打开表单按钮 -->
<input type="hidden" class="eventType" name="eventType" value="m-bottom-form" />
<div class="pop-form-wrap">
<div id="consultClose" class="pop-form-close">
<img src="https://s.300.cn/v3.0/m-branch/images/consult-close.png" alt="">
</div>
<p class="pop-form-title">立即联系我</p>
<div class="pop-form-content">
<div class="pop-form-item">
<input type="text" name="company" placeholder="请输入公司名称">
</div>
<div class="pop-form-item">
<input type="text" name="mobile" placeholder="请输入手机号码">
</div>
<div class="pop-form-item">
<input type="text" name="truename" placeholder="请输入联系人">
</div>
<div class="flex-row pop-form-item">
<input type="text" id="verify" name="verify" class="verifyInput" placeholder="请输入验证码">
<img style="width:auto;height: 8vw;display: inline-block; vertical-align: middle;"
src="https://s.300.cn/v3.0/home/images/yzm_null.jpg" class="verify_image_footer" data-act=""
alt="">
</div>
<div class="pop-form-btn">
<input type="hidden" name="baiduSource" id="baiduSource"
value="INTENTION_SOURCE_300_FORM02" />
<div id="consultSubmit" class="pop-form-submit consult-submit zixunsubmit">立即提交</div>
</div>
</div>
</div>
</form>
</div>
</div>
<!-- PC端底部 -->
<div class="hidden-xs hidden-md hidden-sm _pc">
<div class="footer">
<div class="footer-topbar">
<div class="main-wrap new-w1200">
<ul class="footer-topbar-content clearfix">
<li class="footer-topbar-item">
<div class="cycle cycle1">
<span class="f28">7</span> x <span class="f28">24</span>
</div>
<div>全国售后支持</div>
</li>
<li class="footer-topbar-item">
<div class="cycle cycle2"><span class="f28">100</span> 倍</div>
<div>故障时长赔付</div>
</li>
<li class="footer-topbar-item">
<div class="cycle cycle3"><span class="f28">25</span> 年</div>
<div>25年行业服务经验</div>
</li>
<li class="footer-topbar-item">
<div class="cycle cycle4"><span class="f28">70</span> 家</div>
<div>全国售后支持</div>
</li>
<li class="footer-topbar-item">
<div class="cycle cycle5"><span class="f28">1600</span>+ 名</div>
<div>超千人的设计、研发团队</div>
</li>
<li class="footer-topbar-item">
<div class="cycle cycle6"><span class="f28">150</span> 万</div>
<div>服务企业客户150万家</div>
</li>
</ul>
<div class="line"></div>
</div>
</div>
<div class="footer-body">
<div class="main-wrap footer-content new-w1200">
<div class="clearfix">
<div class="footer-menu">
<a target="_blank" href="https://www.300.cn/contact.html">联系我们</a><span>|</span>
<a href="https://www.300.cn/feedback.html" target="_blank">意见反馈</a><span>|</span>
<a href="https://www.300.cn/aboutus/org.html" target="_blank">全国网点</a><span>|</span> <a
href="https://www.300.cn/map.html" target="_blank">站点地图</a><span>|</span>
<a href="https://www.300.cn/aboutus/link.html" target="_blank">友情链接</a><span>|</span>
<a href="https://www.myce.cn/" target="_blank">行业站</a><span>|</span>
<a href="https://mailv.zmail300.cn/webmail/login.php?msg=login&source=300"
target="_blank">邮箱登录</a><span>|</span>
<a href="https://en.300.cn/" target="_blank">English</a><span>|</span>
<a href="http://www.ce-group.cn/" target="_blank">中企集团官网</a>
</div>
<div class="copyright mt10">
Copyright © 1999-2025 中企动力科技股份有限公司（300.cn）版权所有
<a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11030102010293 "
target="_blank" style="color: #999">京公网安备11030102010293号 </a><a
href="http://beian.miit.gov.cn" target="_blank" style="color: #999">京ICP证010249-2</a><span
style="
display: inline-block;
vertical-align: middle;
margin-left: 10px;
">
<script id="IPv6Script" type="text/javascript"
src="https://ipv6.knet.cn/logo.dll?sn=ES19120636ND144173&w=47"></script>
</span>
</div>
<div class="footer-menu mt10">代理域名注册服务机构： 中网瑞吉思（天津）科技有限公司 北京新网数码信息技术有限公司</div>
<div class="kx-wrap clearfix">
<div class=" fl">
<div class="fl">
<script id="kXScript_1" type="text/javascript"
src="https://kxlogo.knet.cn/seallogo.dll?sn=2009111300100000738&h=28"></script>
</div>
</div>
</div>
</div>
<div class="footer-tel clearfix">
<i class="iconfont iconshouyedibudianhua fl"></i>
<div class="fl">
<div>
售后服务：<span class="sll-tel">400-660-5555</span>
</div>
<div>
<span class="sll-z9 fr">应急响应专线转 (9)</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script charset="UTF-8" src="https://s.300.cn/static/v1/libs/js/sensorsdata/sensorsdata.min-1.26.12.js"></script>
<script charset="UTF-8">
function getCookie(name) {
var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
if (arr = document.cookie.match(reg))
return unescape(arr[2]);
else
return null;
}
var sensors = window['sensorsDataAnalytic201505'];
sensors.init({
server_url: 'https://cdp-event.ceboss.cn/sa?project=production',
heatmap: { scroll_notice_map: 'not_collect' },
use_client_time: true,
show_log: false,
send_type: 'beacon',
});
var productName300cn = ZQDL.util.productName300cn;
var domaintmp = document.domain;
var custId300cn = getCookie('300cn_custId');
domaintmp = domaintmp.replace(/dev-/, '');
domaintmp = domaintmp.replace(/test-/, '');
domaintmp = domaintmp.replace(/pre-/, '');
if(custId300cn){
sensors.login(custId300cn)
}
var str = {
is_login: custId300cn ? true : false,
product_name: productName300cn[domaintmp],
};
if($('#live_carousel_id').val()!=undefined && $('#live_carousel_title').val()!=undefined){
str.live_carousel_id = $('#live_carousel_id').val();
str.live_carousel_title = $('#live_carousel_title').val();
}
sensors.registerPage(str);
/*神策活动埋点数据*/
sensors.register({
ce_hd_slug:getCookie('ce_hd_slug')?getCookie('ce_hd_slug') : 'gz_gz_gz',
});
sensors.quick('autoTrack');
var consoleApiBaseUri = 'https://new-api-console.300.cn';
var shopApiBaseUri = 'https://api-shop.300.cn';
var memberPcBaseUri = 'https://new-console.300.cn';
var portalBuyBaseUri = 'https://portalbuy.300.cn';
var basePcUri = 'https://www.300.cn';
var baseMUri = 'https://m.300.cn';
var baseuriMmemberHome = 'https://h5.300.cn';
</script>
<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '2627684817413321');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=2627684817413321&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
<!-- pc -->
<div class="_tool-bar hidden-xs hidden-sm hidden-md">
<a href="https://tb.53kf.com/code/client/10168926/3" class="_tool-oval-info" target="_blank"
style="position: relative;justify-content: center;flex-direction: column;">
<i class="iconfont iconce-zaixianzixun" aria-hidden="true"></i>
<span>在线咨询</span>
</a>
<div class="_tool-bar-bottom">
<div class="wachat-box">
<div class="qrcode-box">
<img class="qrcode-img" src="https://a.300.cn/banner/20201209/5fd0705ba8c9b.jpg?20210303221641" alt="" />
<p class="qrcode-tip">添加<span>动力小姐姐</span>微信</p>
</div>
<i class="iconfont iconce-erweima" aria-hidden="true"></i><span>微信咨询</span>
</div>
<div class="wachat-box phone-box">
<div class="qrcode-box _tool-contact _phoneContent">
<div class="_tool-contact-cell">
<div class="_fl"><i class="iconfont iconce-womenlianxinin" aria-hidden="true"></i></div>
<div class="_fl _tool-contact-type">我们联系您</div>
<div class="clearfix"></div>
<div class="_tool-contact-mobile">
<input type="tel" value="" class="_phoneNumber" autocomplete="off" name="mobile" id="mycall_input"
required="required" placeholder="输入手机号" />
</div>
<div class="_tool-contact-code">
<input type="text" name="verify" id="mycall_verify" autocomplete="off" class="_codeNumber"
placeholder="验证码" />
<div class="_codeImg">
<img src="https://s.300.cn/v3.0/home/images/yzm_null.jpg" class="verify_image_left" alt="">
</div>
<div class="clearfix"></div>
</div>
<button type="button" class="_tool-submit" id="mycall_submit">免费回拨</button>
<form action="/customer/feedback?is_ajax=1" method="post" id="_hiddenForm" style="display: none;">
<input type="hidden" name="is_pop" value="1">
<input type="hidden" class="log_id" name="log_id" value="44a9f2a8-8f34-d24a-e637-e0347eb12b70">
<input type="hidden" class="promoteSlug" name="promoteSlug" value="">
<!-- 常规表单不记入活动 -->
<input type="hidden" class="channelSlug" name="channelSlug" value="">
<input type="hidden" class="formSlug" name="formSlug" value="guanwang">
<input type="hidden" class="landUrl" name="landUrl" value="https://www.300.cn/">
<input type="hidden" name="formType" value="PC咨询联系浮窗">
<!-- 打开表单按钮 -->
<input type="hidden" name="eventType" value="pc-zixun">
<!-- 打开表单按钮 -->
<input type="hidden" class="sourceUrl" name="sourceUrl" value="">
<input type="hidden" name="baiduSource" value="INTENTION_SOURCE_300_FORM01">
</form>
</div>
</div>
<i class="iconfont iconce-kefu" aria-hidden="true"></i><span>咨询回电</span>
</div>
</div>
</div>
<div class="_err_Msg"></div>
<!-- m -->
<div class="m-tool-bar hidden-lg">
<a href="tel:400-660-5555" class="m-tool-contact">
<div class="m-tool-i"><i class="iconfont iconshouyedibudianhua"></i></div>
<div class="m-tool-tip">电话沟通</div>
</a>
<div class="m-tool-line"></div>
<a href="https://tb.53kf.com/code/client/10168926/3" class="m-tool-contact">
<div class="m-tool-i"><i class="iconfont iconce-zaixianzixun"></i></div>
<div class="m-tool-tip">在线沟通</div>
</a>
<div class="m-tool-line"></div>
<a href="javascript:void(0)" class="m-tool-contact m-qr-show">
<div class="m-tool-i"><i class="iconfont iconweixin"></i></div>
<div class="m-tool-tip">微信咨询</div>
</a>
<div class="m-qr-mask">
<div class="m-qr-mask-body">
<div class="m-qr-mask-head">微信扫码关注动力小姐姐 <span class="m-qr-close">X</span> </div>
<div class="m-qr-code">
<img src="https://a.300.cn/banner/20201209/5fd0705ba8c9b.jpg?20210308211108" alt="qr">
</div>
</div>
</div>
</div>
<script type="text/javascript" src="https://s.300.cn/static/v1/js/toolbar.js?20230104203054"></script>
<!-- 弹窗 -->
<div class="hd-pop" id="hd_pop">
<div class="hd-pop-wrap" id="hd_pop_wrap">
<div class="hd-pop-content">
<div class="hd-content" id="hd_content"></div>
<div class="hd-pop-close" id="hd_pop_close"></div>
</div>
</div>
</div>
<link rel="stylesheet" href="https://s.300.cn/attach/style/v3.0/home/css/login-pop.css?">
<div class="buy-pop-warning">
<div class="flex-col buy-pop-login">
<div class="flex-col buy-pop-block">
<p class="buy-pop-title">请登录您的帐号：</p>
<a href="https://www.300.cn/sso/login" class="buy-pop-btn btn-a buy-pop-btn-login home_login pc_home_login">去登录</a>
<a href="https://m.300.cn/sso/login" class="buy-pop-btn btn-a buy-pop-btn-login home_login m_home_login">去登录</a>
</div>
<div class="flex-row buy-pop-block">
<p class="buy-pop-p">如您尚未注册帐号，请先注册</p>
<a href="https://www.300.cn/reg/register" class="buy-pop-btn btn-b home_reg pc_home_reg">去注册</a>
<a href="https://h5.300.cn/reg/register" class="buy-pop-btn btn-b home_reg m_home_reg">去注册</a>
</div>
<a href="javascript:void(0);" class="buy-pop-close"></a>
</div>
</div>
<script>
/* 判断是否已登录 */
function checkLogin(callback) {
try {
callback(logined)
} catch (error) {
$.ajax({
url: basePcUri + '/sso/islogin?is_ajax=1',
type: 'POST',
dataType: 'jsonp',
data: {},
success: function (data) {
/* console.log(data); */
if (typeof callback === "function") {
callback(data);
}
}
})
}
}
</script>
<script>
ZQDL.util.path = {"shopapi":"api-shop.300.cn","consoleBuy":"https://portalbuy.300.cn","consoleApi":"https://new-api-console.300.cn","console":"https://new-console.300.cn","300cn":"","analytics":{"cnzz":"1260942543","baidu":"6f0f6cbf8573c4abf74207e5f6cf014","qq":"XzgwMDE0NDcwMF8zODA4NzdfODAwMTQ0NzAwXw"},"surl":{"url":"http:\/\/wx.300.cn\/index.php","tenant_id":1,"channel_type":1,"token_id":"ab0d4dfcd4cf0e76825641696088f919","passwordKey":"app#interface!"}};
ZQDL.util.protocol = ("https:" == document.location.protocol) ? " https://" : " http://";
ZQDL.util.zixun = {"tq":{"work":["08:59","17:45"],"no_work":[],"url":"http:\/\/float2006.tq.cn\/static.jsp?version=vip&admiuin=8861514<ype=0&iscallback=1&page_templete_id=18369&is_message_sms=0&is_send_mail=0&uin=8958279","qq":"http:\/\/float2006.tq.cn\/static.jsp?version=vip&admiuin=8861514<ype=0&iscallback=1&page_templete_id=18369&is_message_sms=0&is_send_mail=0&uin=8958279"},"bd":{"work":["17:45","08:59"],"no_work":["00:00","23:59"],"url":"http:\/\/p.qiao.baidu.com\/cps\/chatIndex?reqParam=%7B%22from%22%3A0%2C%22sid%22%3A%22-100%22%2C%22tid%22%3A%22-1%22%2C%22ttype%22%3A1%2C%22siteId%22%3A%2210515806%22%2C%22userId%22%3A%2222490479%22%7D","qq":"http:\/\/p.qiao.baidu.com\/cps\/chatIndex?reqParam=%7B%22from%22%3A0%2C%22sid%22%3A%22-100%22%2C%22tid%22%3A%22-1%22%2C%22ttype%22%3A1%2C%22siteId%22%3A%2210515806%22%2C%22userId%22%3A%2222490479%22%7D"},"360":{"work":["17:45","08:59"],"no_work":[],"url":"http:\/\/p.qiao.baidu.com\/cps\/chatIndex?reqParam=%7B%22from%22%3A0%2C%22sid%22%3A%22-100%22%2C%22tid%22%3A%22-1%22%2C%22ttype%22%3A1%2C%22siteId%22%3A%2210515806%22%2C%22userId%22%3A%2222490479%22%7D","qq":"http:\/\/p.qiao.baidu.com\/cps\/chatIndex?reqParam=%7B%22from%22%3A0%2C%22sid%22%3A%22-100%22%2C%22tid%22%3A%22-1%22%2C%22ttype%22%3A1%2C%22siteId%22%3A%2210515806%22%2C%22userId%22%3A%2222490479%22%7D"},"tx":{"work":["17:45","08:59"],"no_work":[],"url":"http:\/\/float2006.tq.cn\/static.jsp?version=vip&admiuin=8861514<ype=0&iscallback=1&page_templete_id=18369&is_message_sms=0&is_send_mail=0&uin=9246087","qq":"http:\/\/float2006.tq.cn\/static.jsp?version=vip&admiuin=8861514<ype=0&iscallback=1&page_templete_id=18369&is_message_sms=0&is_send_mail=0&uin=9246087"},"sg":{"work":["17:45","08:59"],"no_work":[],"url":"http:\/\/p.qiao.baidu.com\/cps\/chatIndex?reqParam=%7B%22from%22%3A0%2C%22sid%22%3A%22-100%22%2C%22tid%22%3A%22-1%22%2C%22ttype%22%3A1%2C%22siteId%22%3A%2210515806%22%2C%22userId%22%3A%2222490479%22%7D","qq":"http:\/\/p.qiao.baidu.com\/cps\/chatIndex?reqParam=%7B%22from%22%3A0%2C%22sid%22%3A%22-100%22%2C%22tid%22%3A%22-1%22%2C%22ttype%22%3A1%2C%22siteId%22%3A%2210515806%22%2C%22userId%22%3A%2222490479%22%7D"},"sm":{"work":["17.45","08.59"],"no_work":[],"url":"http:\/\/float2006.tq.cn\/static.jsp?version=vip&admiuin=8861514<ype=0&iscallback=1&page_templete_id=18369&is_message_sms=0&is_send_mail=0&uin=8958280","qq":"http:\/\/float2006.tq.cn\/static.jsp?version=vip&admiuin=8861514<ype=0&iscallback=1&page_templete_id=18369&is_message_sms=0&is_send_mail=0&uin=8958280"},"wy":{"work":["17.45","08.59"],"no_work":[],"url":"http:\/\/float2006.tq.cn\/static.jsp?version=vip&admiuin=8861514<ype=0&iscallback=1&page_templete_id=18369&is_message_sms=0&is_send_mail=0&uin=8958280","qq":"http:\/\/float2006.tq.cn\/static.jsp?version=vip&admiuin=8861514<ype=0&iscallback=1&page_templete_id=18369&is_message_sms=0&is_send_mail=0&uin=8958280"},"baidu_url":"http:\/\/p.qiao.baidu.com\/cps\/chat?siteId=10660374&userId=22490479","qq_url":"http:\/\/wpa.b.qq.com\/cgi\/wpa.php?ln=1&key=XzgwMDE0NDcwMF80NjQ2ODlfODAwMTQ0NzAwXzJf"};
</script>
</body>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?ad721a4a8912aa77ef574a4de1ff8526";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<script type="text/javascript">
ZQDL.apps.vistCount.load('https://s.300.cn/plugins/common/js/hm.js', function(){
var visittrack_siteId ="300cn";
var visittrack_url="https://s.300.cn/plugins/common/images/a.png";
var visittrack_memberId = 300;
var usrid= VisitTrack.getSessionValueFlowing();
if(usrid){
ZQDL.cookie.set('userId',usrid);
ZQDL.apps.visitSessionId=usrid;
}
VisitTrack.visittrack_log( visittrack_siteId, visittrack_url, visittrack_memberId);
ZQDL.apps.vistCount.init();
ZQDL.apps.vistCount.initForm();
ZQDL.apps.vistCount.countUrl = visittrack_url;
$('.zixun_count').on('click',function(){ZQDL.apps.vistCount.zixunClick(this);});
$('.visit_count').on('click',function(){ZQDL.apps.vistCount.visitCount(this);});
$('.baidu_call').on('click',function(){ZQDL.apps.vistCount.baiduCallClick(this);});
})
</script>
<!-- 励销云获客代码 -->
<script src='//visitor.weiwenjia.com/public/js/visitor/index.js?siteId=1748&oid=11651423&signature=Fkld19qGW4yRDHy6ghLO/g==' data-visitor='visitor-identify' ></script>
<!-- 53客服 -->
<script>
(function() {var _53code = document.createElement("script");_53code.src = "https://tb.53kf.com/code/code/10168926/3";
var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(_53code, s);})();
</script>
<wxhml>
<div class="wx_share_wxhtml">
<input type="hidden" id="wx_sh_appid" value="">
<input type="hidden" id="wx_sh_nonceStr" value="">
<input type="hidden" id="wx_sh_signature" value="">
<input type="hidden" id="wx_sh_timestamp" value="">
</div>
</wxhml>
<input type="hidden" id="global_share_img" value="https://s.300.cn/v4.0/mobile/images/shareimg/ce300.jpg">
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
<script src="https://s.300.cn/plugins/common/js/wxhtml.js?20220413171324"></script>
<script>
$(function(){
info.cateList();
$('.formText').on('input',function(){
var msg = $(this).parent().children('.maxNum');
var max = $(this).prop('maxlength')
var curent = $(this).val().length;
msg.text(curent + "/" + max);
})
$('.code_image').on('click',function(){
$(this).prop('src','/verify/verify?'+ (+new Date()))
})
$('.verifyInput').on('click',function(){
$(this).siblings(".code_image").prop('src','/verify/verify?'+ (+new Date()));
})
if ($(".m-wrap").is(':visible')) {
$('.m-wrap .poperWrap').on('touchmove',function(e){
e.stopPropagation()
e.preventDefault()
})
$('.m-wrap .wechat').on('click',function(){
$('.m-wrap .poperWrap').fadeIn()
})
$('.m-wrap .poperWrap .closePoper').on('click', function () {
$('.m-wrap .poperWrap').fadeOut()
})
}
});
</script>
<script src="https://s.300.cn/static/v1/libs/js/jquery-ias.min.js?20230104203054"></script>
</html>
