当前位置：首页 > 关于学院 > 技术干货 > Java技术干货 > 正文

HTML、CSS、JavaScript分别实现什么功能?

来源：千锋教育

发布时间：2023-10-10 20:53:34

一、HTML、CSS、JavaScript分别实现什么功能

1、HTML（超文本标记语言，Hypertext Markup Language）

HTML 是一种用于描述网页结构的标记语言。它主要负责定义网页的基本骨架和内容。HTML 代码由一系列的标签（tag）组成，这些标签用于描述网页中的各种元素，例如段落、标题、列表、图片、链接等。以下是 HTML 的主要功能：

网页结构：HTML 通过标签定义了网页的结构和层次。例如，

、

和

等标签描述了网页的主要部分和组织方式。网页内容：HTML 用于展示网页的文本、图像、视频等内容。例如，

、

–
、、和等标签定义了各种类型的内容元素。超链接：HTML 使用标签创建超链接，实现网页之间的跳转和资源的引用。超链接是 Web 的基石，它使得 Web 成为一个互联的网络。表单和输入：HTML 提供了
、、</code>、<code><button></code> 等标签，以收集和提交用户数据。<p style="text-indent: 2em;"><strong>2、CSS（层叠样式表，Cascading Style Sheets）</strong></p><p style="text-indent: 2em;">CSS 是一种用于描述网页样式的语言，它负责定义网页的布局、颜色、字体、边距等视觉样式。CSS 可以将样式与 HTML 内容分离，使得网页更易于维护和设计。以下是 CSS 的主要功能：</p>布局：CSS 控制网页元素的位置和排列方式。例如，使用 Flexbox、Grid 和定位（positioning）等布局模型对元素进行对齐、排列和定位。样式：CSS 设定元素的颜色、字体、背景、边框等样式。例如，<code>color</code>、<code>font-family</code>、<code>background-image</code> 和 <code>border-radius</code> 等属性定义了元素的视觉效果。响应式设计：CSS 通过媒体查询（media query）实现响应式设计，使得网页能够根据不同设备和屏幕尺寸自适应显示。动画和过渡：CSS 提供了动画（animation）和过渡（transition）功能，以实现平滑的视觉效果和交互动画。<p style="text-indent: 2em;"><strong>3、JavaScript（JS）</strong></p><p style="text-indent: 2em;">JavaScript 是一种用于实现网页交互的脚本语言。它可以运行在浏览器端，使得网页具有丰富的交互功能和动态效果。与 HTML 和 CSS 分别负责网页的结构和样式不同，JavaScript 主要关注网页的行为和逻辑。以下是 JavaScript 的主要功能：</p>DOM 操作：JavaScript 可以操作文档对象模型（DOM），实现对网页元素的增加、删除、修改等操作。这使得网页能够根据用户操作或其他条件动态地改变内容和结构。事件处理：JavaScript 可以监听和处理网页事件，例如点击、滚动、输入等。通过处理这些事件，可以实现用户与网页的交互，例如展开菜单、弹出对话框等。数据处理：JavaScript 可以处理数据，例如获取用户输入、计算结果、验证数据等。这使得网页具有处理和响应用户数据的能力。异步请求：JavaScript 可以发起异步请求，实现与服务器的数据交换。这使得网页能够在不刷新页面的情况下更新数据，提高用户体验。例如，通过 AJAX（Asynchronous JavaScript and XML）或 Fetch API 获取数据、提交表单等。动画效果：虽然 CSS 可以实现一定程度的动画效果，但 JavaScript 提供了更强大和灵活的动画控制能力。例如，使用 <code>requestAnimationFrame</code> 实现高性能动画、利用第三方库（如 GreenSock、Three.js 等）创建复杂的动画和视觉效果。<p style="text-indent: 2em;"><strong>延伸阅读1：什么是JavaScript</strong></p><p style="text-indent: 2em;">JavaScript（简称“JS”）是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。</p><p style="text-indent: 2em;">JavaScript在1995年由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。</p> <div class="c_c_end"> <img src="http://www.qfedu.com/content/article_end.png" alt="" /> <div>声明：本站稿件版权均属千锋教育所有，未经许可不得擅自转载。</div> </div> <div class="c_page_bottom"> <div class="c_page_bottom_item"> <div class="c_page_bottom_item_up"></div> <p>上一篇</p> <a href="http://www.qfedu.com/BBS/java/157644.html" title="203728">Vue打包部署后,访问不到部分路由</a> </div> <div class="c_page_bottom_item"> <div class="c_page_bottom_item_next"></div> <p>下一篇</p> <a href="http://www.qfedu.com/BBS/java/203736.html" title="203728">Java中的值传递和引用传递区别是什么?</a> </div> </div> </div> </div> </div> <div class="list_right">  <div class="list_hyzx"> <div class="list_hyzx_tit"> <div class="list_iconfont_bg"> <svg class="icon_folderStar" aria-hidden="true"> <use xlink:href="#icon-24gf-folderStar"></use> </svg> </div> <h3>学习资源站</h3> </div> <div class="l_hyzx_list"> <img src="http://www.qfedu.com/images/header-wx-qfcode.png"/> <ul> <li>免费全套视频教程</li> <li>企业实战项目源码</li> <li>大厂笔试真题题库</li> <li>行业前瞻发展趋势</li> </ul> </div> </div>  <div class="list_hyzx qfdt"> <div class="list_hyzx_info"> <div class="list_hyzx_tit"> <div class="list_iconfont_bg"> <svg class="icon_folderStar" aria-hidden="true"> <use xlink:href="#icon-menhu_hangyedongtaiguanli"></use> </svg> </div> <h3>千锋动态</h3> </div> <a href="http://www.qfedu.com/about/news/" target="_blank" >更多 ></a > </div> <div class="qfdt_list" title="千锋教育-Java培训|HTML5+WEB前端|Python人工智能|UI设计|Linux云计算|大数据|PHP|软件测试|嵌入式物联网培训|IT培训机构" > <a href="http://www.qfedu.com/about/news/273658.html" target="_blank" title="千锋教育喜获学科网“2023年度新锐突破奖”，展现卓越课程实力" >千锋教育喜获学科网“2023年度新锐突破奖”，展现卓越课程实力</a > <a href="http://www.qfedu.com/about/news/272261.html" target="_blank" title="千锋教育重磅发布鸿蒙生态应用开发学习路线图" >千锋教育重磅发布鸿蒙生态应用开发学习路线图</a > <a href="http://www.qfedu.com/about/news/272195.html" target="_blank" title="千锋教育HarmonyOS极速入门训练营圆满结营！" >千锋教育HarmonyOS极速入门训练营圆满结营！</a > <a href="http://www.qfedu.com/about/news/260276.html" target="_blank" title="关于举办2024年技术赋能教学—全国高校“双师型”IT骨干教师寒假高级研修班的通知" >关于举办2024年技术赋能教学—全国高校“双师型”IT骨干教师寒假高级研修班的通知</a > <a href="http://www.qfedu.com/about/news/260185.html" target="_blank" title="“我的青春在千锋——2023“千锋杯”短视频大赛“获奖名单公布" >“我的青春在千锋——2023“千锋杯”短视频大赛“获奖名单公布</a > <a href="http://www.qfedu.com/about/news/258905.html" target="_blank" title="千锋正式成立鸿蒙生态教研院，强力助推学员就业！" >千锋正式成立鸿蒙生态教研院，强力助推学员就业！</a > <a href="http://www.qfedu.com/about/news/257836.html" target="_blank" title="千锋郑州分校2023年冬季IT专场招聘会" >千锋郑州分校2023年冬季IT专场招聘会</a > <a href="http://www.qfedu.com/about/news/254144.html" target="_blank" title="高效促就业！千锋教育2023冬季招聘会安排" >高效促就业！千锋教育2023冬季招聘会安排</a > <a href="http://www.qfedu.com/about/news/253635.html" target="_blank" title="官宣 | 千锋教育重磅推出鸿蒙生态开发就业班" >官宣 | 千锋教育重磅推出鸿蒙生态开发就业班</a > <a href="http://www.qfedu.com/about/news/236623.html" target="_blank" title="千锋教育杭州校区助推职业教育发展,许然校长寄语未来" >千锋教育杭州校区助推职业教育发展,许然校长寄语未来</a > </div> </div>  <div class="list_hyzx qfdt"> <div class="list_hyzx_info"> <div class="list_hyzx_tit"> <div class="list_iconfont_bg"> <svg class="icon_folderStar" aria-hidden="true"> <use xlink:href="#icon-menhu_hangyedongtaiguanli"></use> </svg> </div> <h3>最新问答资讯</h3> </div> <a href="http://www.qfedu.com/itqa/" target="_blank">更多 ></a> </div> <div class="qfdt_list"> <a href="http://www.qfedu.com/itqa/unity-jczs/116722.shtml" target="_blank" title="unity用什么编程语言?unity学习难度大吗">unity用什么编程语言?unity学习难度大吗</a> <a href="http://www.qfedu.com/itqa/python-jczs/116379.shtml" target="_blank" title="python容易学吗?学好python有什么好处?">python容易学吗?学好python有什么好处?</a> <a href="http://www.qfedu.com/itqa/html-jczs/115698.shtml" target="_blank" title="html是什么语言?html学习难吗?">html是什么语言?html学习难吗?</a> <a href="http://www.qfedu.com/itqa/it-pxsj/115637.shtml" target="_blank" title="c语言难学吗?c语言学好要多久?">c语言难学吗?c语言学好要多久?</a> <a href="http://www.qfedu.com/itqa/ui-pxkc/115508.shtml" target="_blank" title="ui设计主要学什么内容?自学ui设计难度大吗?">ui设计主要学什么内容?自学ui设计难度大吗?</a> <a href="http://www.qfedu.com/itqa/ui-pxsj/114611.shtml" target="_blank" title="学好平面设计要多久?报速成班靠谱吗?">学好平面设计要多久?报速成班靠谱吗?</a> <a href="http://www.qfedu.com/itqa/media-jczs/114610.shtml" target="_blank" title="抖音小店怎么直播带货?从哪儿学靠谱?">抖音小店怎么直播带货?从哪儿学靠谱?</a> <a href="http://www.qfedu.com/itqa/media-jczs/114548.shtml" target="_blank" title="抖音如何隐藏关注的人?抖音小店怎么运营?">抖音如何隐藏关注的人?抖音小店怎么运营?</a> <a href="http://www.qfedu.com/itqa/html-jczs/114545.shtml" target="_blank" title="前端技术有哪些?">前端技术有哪些?</a> <a href="http://www.qfedu.com/itqa/java-jczs/114541.shtml" target="_blank" title="计算机前端和后端区别，到底该学哪一个?">计算机前端和后端区别，到底该学哪一个?</a> </div> </div> </div> </div> </div> </div>  <div class="c_xgwz_container"> <div class="c_xgwz"> <div class="c_xgwz_bg"> <svg class="icon-weinituijian" aria-hidden="true"> <use xlink:href="#icon-weinituijian"></use> </svg> </div> <p>相关推荐</p> </div> <div class="c_xgwz_list"> <li class="c_xgwz_list_item"> <a href="http://www.qfedu.com/BBS/java/203756.html" target="_blank" title="javaoa系统有哪些模块?" class="c_xgwz_list_item_tit">javaoa系统有哪些模块?</a> <a href="http://www.qfedu.com/BBS/java/203756.html" target="_blank">一、权限管理模块权限管理模块是Java OA系统的核心模块之一，也是整个系统的基础。该模块通过对系统用户进行身份验证、权限分配、访问控制等管理，确保了系统的安全性和稳定性。权限管理模块通常包括用户管理</a> </li> <li class="c_xgwz_list_item"> <a href="http://www.qfedu.com/BBS/java/203754.html" target="_blank" title="Java中遍历数据结构Enumeration和Iterator相比有什么不同?" class="c_xgwz_list_item_tit">Java中遍历数据结构Enumeration和Iterator相比有什么不同?</a> <a href="http://www.qfedu.com/BBS/java/203754.html" target="_blank">一、Java中遍历数据结构Enumeration和Iterator的不同1、功能和用法不同 Enumeration是Java早期版本中引入的接口，它只有两个方法：hasMoreElements()和n</a> </li> <li class="c_xgwz_list_item"> <a href="http://www.qfedu.com/BBS/java/203753.html" target="_blank" title="为什么JavaScript绝大多数内置函数都是native code?" class="c_xgwz_list_item_tit">为什么JavaScript绝大多数内置函数都是native code?</a> <a href="http://www.qfedu.com/BBS/java/203753.html" target="_blank">一、JavaScript绝大多数内置函数都是native code的原因1、提高程序执行效率首先，内置函数作为引擎内部的一部分，可以提高JavaScript程序的执行效率。这是因为，内置函数的实现是直</a> </li> <li class="c_xgwz_list_item"> <a href="http://www.qfedu.com/BBS/java/203752.html" target="_blank" title="C、C++、Java、JavaScript、PHP、Python、Ruby 这些语言分别主要用来开发什么?" class="c_xgwz_list_item_tit">C、C++、Java、JavaScript、PHP、Python、Ruby 这些语言分别主要用来开发什么?</a> <a href="http://www.qfedu.com/BBS/java/203752.html" target="_blank">一、C、C++、Java、JavaScript、PHP、Python、Ruby 的用途C主要用于底层模块，服务应用和嵌入式应用；C++主要用于上层服务程序，应用API，大型3D游戏；Java主要用于服</a> </li> <li class="c_xgwz_list_item"> <a href="http://www.qfedu.com/BBS/java/203751.html" target="_blank" title="C++、java都将线程共享的变量等放到堆内存中，为什么选择堆这种数据结构?" class="c_xgwz_list_item_tit">C++、java都将线程共享的变量等放到堆内存中，为什么选择堆这种数据结构?</a> <a href="http://www.qfedu.com/BBS/java/203751.html" target="_blank">一、C++、java为什么选择堆这种数据结构效率：执行堆排序所需的时间呈对数增长，而其他算法可能随着要排序的元素数量的增加而呈指数级增长。这种排序算法非常有效。内存使用: 内存使用是最小的，因为除了保</a> </li> <li class="c_xgwz_list_item"> <a href="http://www.qfedu.com/BBS/java/203750.html" target="_blank" title="Java 的作用是什么?" class="c_xgwz_list_item_tit">Java 的作用是什么?</a> <a href="http://www.qfedu.com/BBS/java/203750.html" target="_blank">一、Java 的作用1、跨平台Java的跨平台特性是其最大的优势之一，因为Java代码可以在各种不同操作系统和硬件平台上运行，这是因为Java程序通过Java虚拟机（JVM）来执行，JVM将Java代</a> </li> </div> </div>  <div class="list_footer"> <div class="list_footer_warp"> <div class="list_footer_des"> <h3>- 千锋学习资源站 -</h3> <div> <span>免费全套视频教程</span><span>大厂笔试真题题库</span><span>企业实战项目源码</span><span>行业前瞻发展趋势</span> </div> <img src="http://www.qfedu.com/list/img/footer_ball1.png" alt="" class="footer_ball1" /> <img src="http://www.qfedu.com/list/img/footer_ball2.png" alt="" class="footer_ball2" /> </div> <div class="list_footer_teacher wow slideInRight" data-wow-duration=".8s"> <img src="http://www.qfedu.com/list/img/footer_teacher.png" alt="" /> <div class="wow rubberBand" data-wow-duration="1s" data-wow-delay=".8s"> <h3>Hello ~</h3> <p>限时<span>学习福利</span><br />一键扫码领取</p> </div> </div> <div class="list_seo_qrcode"> <img src="/wzt/qa.jpg" alt="" class="qr_img" style="border-radius: 30px" /> <img src="http://www.qfedu.com/list/img/footer_ball3.png" alt="" class="footer_ball3" /> <img src="http://www.qfedu.com/list/img/footer_ball4.png" alt="" class="footer_ball4" /> <img src="http://www.qfedu.com/list/img/footer_ball5.png" alt="" class="footer_ball5" /> </div> <div class="list_form"> <h3>申请线下<span>免费</span>试学</h3> <div class="list_form_item"> <svg class="icon-xingming" aria-hidden="true"> <use xlink:href="#icon-xingming"></use> </svg> <input type="text" placeholder="您的姓名" name="realname" id="realname" /> </div> <div class="list_form_item"> <svg class="icon-shouji" aria-hidden="true"> <use xlink:href="#icon-shouji"></use> </svg> <input type="text" placeholder="您的电话" name="realphone" id="phone" /> </div> <div class="form-btn">提交领取</div> </div> </div> </div> <script> /表单提交start/ (function () { var timer = setInterval(function () { console.log(1); if (window.$) { clearInterval(timer); $(".form-btn").click(function () { var params = { name: $("#realname").val(), phone: $("#phone").val(), }; var phReg = /^[1][3,4,5,6,7,8,9][0-9]{9}$/; //手机号正则校验 var nameReg = /^[\u4E00-\u9FA5]{2,4}$/; //2-4位中文姓名正则校验 if (!nameReg.test($("#realname").val())) { alert("请正确输入姓名"); return; } if (!phReg.test($("#phone").val())) { alert("请正确输入手机号"); return; } $.ajax({ type: "POST", contentType: "application/json", url: "http://api-newzs.1000phone.net//v1/api/seoFormController/add", data: JSON.stringify(params), success: function success(res) { alert(res.msg); }, }); }); } }, 1000); })(); /表单提交end****/ </script>  <script src="/js/jquery.min.js"></script> <script src="/js/ydtswt_pc_yd.js"></script> <div class="edu-footer"> <div class="base base1"> <div class="con-left"> <div class="edu-footer-about-links"> <div class="list1 list"> <h4>关于千锋</h4> <ul> <li> <a href="http://www.qfedu.com/about/" target="_blank" rel="nofollow">千锋简介</a> </li> <li> <a href="http://www.qfedu.com/contact/" target="_blank" rel="nofollow">联系我们</a> </li> <li> <a href="http://www.qfedu.com/qynx/" target="_blank" rel="nofollow">企业服务</a> </li> <li> <a href="http://www.qfedu.com/topic/fygy.html" target="_blank" rel="nofollow">锋益公益</a> </li> </ul> </div> <div class="list1 list"> <h4>学习资源</h4> <ul> <li> <a href="http://www.qfedu.com/project2021/project.shtml" target="_blank" rel="nofollow">项目库</a> </li> <li> <a href="http://www.qfedu.com/open/" target="_blank" rel="nofollow">公开课</a> </li> <li> <a href="http://video.mobiletrain.org/" target="_blank">视频教程</a></li> <li> <a href="http://www.qfedu.com/book/index.html?type=2" target="_blank" rel="nofollow">原创丛书</a></li> </ul> </div> <div class="list1 list"> <h4>服务指南</h4> <ul> <li> <a href="javascript:;" onclick="open53_pc()" rel="nofollow">报名咨询</a></li> <li> <a href="http://www.qfedu.com/sitemap.html">网站地图</a></li> <li> <a href="http://www.qfedu.com/privacyPolicy.html" target="_blank" rel="nofollow">隐私声明</a> </li> </ul> </div> <div class="list1 list"> <h4>求职招聘</h4> <ul> <li><a href="http://www.qfedu.com/mst" target="_blank">应聘面试</a></li> <li><a href="http://www.qfedu.com/cooperation/recruit/" target="_blank" rel="nofollow">上门招聘</a></li> <li><a href="http://www.qfedu.com/sxh" target="_blank" rel="nofollow">双选会</a></li> <li><a href="http://www.qfedu.com/sxh" target="_blank" rel="nofollow">高校合作</a></li> </ul> </div> </div> </div> <div class="con-center"> <div class="qrcode-box"> <div class="qrcode flex-center"> <img src="/img/qrcode-videosite.png"> </div> <h4>千锋学习站 <br /> <span>免费领取专属学习资料</span></h4> </div> <div class="qrcode-box"> <div class="qrcode flex-center"> <img src="/qrcode/qrcode-edu-wapsite.png"> </div> <h4>千锋手机站 <br /> <span>扫一扫get“薪”技能</span></h4> </div> </div> <div class="con-right"> <img src="/wzt/edu-logo-white.png" class="edu-footer-logo"> <p class='edu-footer-sologan'>初心至善匠心育人</p> <p class='edu-footer-phoneNumber'> <i class="icon icon-dianhua1"></i> 400-811-9990 <a href="javascript:;" rel="nofollow">24小时在线咨询</a> </p> </div> </div> <div class="base2"> <div class="base"> <div class="tab-btns"> <div class="tab-btn active">千锋全国</div> <div class="tab-btn">IT培训</div> </div> <div class="tab-content"> <div class="tab-content-item active">  <a href="http://bj.qfedu.com/" target="_blank">北京千锋</a> <a href="http://dl.qfedu.com/" target="_blank">大连千锋</a> <a href="http://gz.qfedu.com/" target="_blank">广州千锋</a> <a href="http://cd.qfedu.com/" target="_blank">成都千锋</a> <a href="http://hz.qfedu.com/" target="_blank">杭州千锋</a> <a href="http://cs.qfedu.com/" target="_blank">长沙千锋</a> <a href="http://hrb.qfedu.com/" target="_blank">哈尔滨千锋</a> <a href="http://hf.qfedu.com/" target="_blank">合肥千锋</a> <a href="http://gy.qfedu.com/" target="_blank">贵阳千锋</a> <a href="http://nj.qfedu.com/" target="_blank">南京千锋</a> <a href="http://jn.qfedu.com/" target="_blank">济南千锋</a> <a href="http://sh.qfedu.com/" target="_blank">上海千锋</a> <a href="http://sz.qfedu.com/" target="_blank">深圳千锋</a> <a href="http://wh.qfedu.com/" target="_blank">武汉千锋</a> <a href="http://zz.qfedu.com/" target="_blank">郑州千锋</a> <a href="http://xa.qfedu.com/" target="_blank">西安千锋</a> <a href="http://qd.qfedu.com/" target="_blank">青岛千锋</a> <a href="http://cq.qfedu.com/" target="_blank">重庆千锋</a> <a href="http://ty.qfedu.com/" target="_blank">太原千锋</a> <a href="http://sy.qfedu.com/" target="_blank">沈阳千锋</a> </div> <div class="tab-content-item">  <a href="http://www.qfedu.com/html5/" target='_blank'>web前端培训</a> <a href="http://www.qfedu.com/java/" target='_blank'>Java培训</a> <a href="http://www.qfedu.com/python/" target='_blank'>Python培训</a> <a href="http://www.qfedu.com/topic/linux/" target='_blank'>云计算培训</a> <a href="http://www.qfedu.com/topic/software/" target='_blank'>软件测试培训</a> <a href="http://www.qfedu.com/big_data/" target='_blank'>大数据培训</a> <a href="http://www.qfedu.com/wlw/" target='_blank'>物联网培训</a> <a href="http://www.qfedu.com/wlaq/" target='_blank'>网络安全培训</a> <a href="http://www.qfedu.com/go/" target='_blank'>区块链培训</a> <a href="http://www.qfedu.com/ui/" target='_blank'>ui培训</a> <a href="http://www.qfedu.com/newMedia/" target='_blank'>全媒体培训</a> <a href="http://www.qfedu.com/video-clip/" target='_blank'>影视剪辑培训</a> <a href="http://www.qfedu.com/original-painting/" target='_blank'>游戏原画培训</a> </div> </div> </div> </div> <div class="copyright-box"> <p class='copyright-p'>Copyright 2011-2025<a href="http://www.1000phone.com/" rel="nofollow" target="_blank" title="千锋互联">北京千锋互联科技有限公司</a> <a href="https://beian.miit.gov.cn/" rel="nofollow"> 京ICP备12003911号-12 </a> <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802035719" rel="nofollow" style="display: inline-block; text-decoration: none; height: 20px; line-height: 20px"><img src="/wzt/beian.png">京公网安备 11010802035719号</a> </p> <p>千锋教育运营主体：北京千锋互联科技有限公司，属具备计算机技术培训资质的教育培训机构。</p> </div> </div> <script> $(".edu-footer .tab-btns .tab-btn").click(function () { $(this).addClass("active").siblings().removeClass("active"); $(".edu-footer .tab-content .tab-content-item").removeClass("active"); $(".edu-footer .tab-content .tab-content-item").eq($(this).index()).addClass("active"); }) </script> <script src="http://img.mobiletrain.org/templates/mobiletrain/js/jquery-1.11.3.min.js"></script> <script src="http://img.mobiletrain.org/templates/mobiletrain/js/index_mo.js"></script> <script src="http://img.mobiletrain.org/templates/mobiletrain/js/artTemplate.js"></script> <script src="http://img.mobiletrain.org/templates/mobiletrain/js/wow.min.js"></script> <script src="http://www.qfedu.com/js2022/common.js"></script> <script type="text/javascript" id="bdshare_js" data="type=tools"></script> <script type="text/javascript" id="bdshell_js"></script> <script type="text/javascript" src="http://www.qfedu.com/js/content.js"></script> </body> </html>