欢迎您访问Hypertext Markup Language-2.0基础释义_Hypertext Markup Language-2.0的发音_Hypertext Markup Language-2.0的用法_!

Hypertext Markup Language-2.0基础释义_Hypertext Markup Language-2.0的发音_Hypertext Markup Language-2.0的用法_

更新时间:2026-03-15 11:50:00作者:起步网校

Hypertext Markup Language-2.0基础释义:超文本标记语言第二版。Hypertext-2.0的发音:['haɪtrtek] 2.0的发音为 ['tʃɪərɪt] 。Hypertext Markup Language-2.0的用法:Hypertext Markup Language(HTML)是一种用于创建网页的标准标记语言。相关词汇:HTML元素、标签、文档对象模型(DOM)、超链接(hyperlink)、表格(table)。记忆技巧:Hypertext(超文本) + Markup(标记) + Language(语言)。翻译的音标为 [ˈhæθret 2.0]。

Hypertext Markup Language-2.0基础释义:

Hypertext Markup Language-2.0,简称HTML-2.0,是一种用于创建网页的标准标记语言。它定义了网页内容的结构和表现形式,使得网页可以包含文本、图像、视频、链接等多种元素,并通过不同的标签来控制这些元素的显示方式。

Hypertext Markup Language-2.0的发音:

HTML-2.0的发音为[ˈhɛtreɪt ˈmɑːrk ˈmæŋk ˈleɪp ɪn(ə)l 2.0]。

Hypertext Markup Language-2.0的用法:

HTML-2.0是网页开发的基础语言,广泛应用于创建和设计网站。它不仅用于定义网页的结构,还用于控制网页的样式和交互效果。HTML-2.0的常见标签包括、、<body>、<h1>到<h6>等标题标签、<p>段落标签、<img>图像标签、<a>链接标签等。</p> <p>相关词汇:</p> <p> 标记(Markup):在HTML中,标记是指用于标识网页元素的标签。</p> <p> 元素(Element):在HTML中,元素是由标记包围的内容。</p> <p> 结构(Structure):HTML-2.0定义了网页内容的结构,包括标题、段落、列表、链接等元素。</p> <p> 表现形式(Presentation):HTML-2.0还控制了网页的表现形式,包括字体、颜色、大小、位置等视觉效果。</p> <p>怎么记:</p> <p>可以结合具体的例子来记忆HTML-2.0的相关词汇和用法,例如通过制作一个简单的网页来理解各种标签的作用和用法。</p> <p>翻译基础释义和常见用法:</p> <p>翻译为“超文本标记语言2.0”。HTML-2.0用于创建和设计网页,定义了网页内容的结构和表现形式。常见用法包括使用各种标签创建标题、段落、图像、链接等元素,以及控制这些元素的显示方式。</p> <p>Hypertext Markup Language-2.0(HTML-2.0)是一个用于创建网页的标记语言。以下是对它的基础释义、发音、用法、相关词汇的一些解释,以及一些记忆方法和翻译列举,以及5条常见短语。</p> <p>基础释义:</p> <p>Hypertext Markup Language-2.0(HTML-2.0)是一种用于创建网页的结构化标记语言。</p> <p>发音:</p> <p>HTML-2.0 发音为 [ˈhɪətrɛkt ˈmɑːrk ˈmæŋk ˈlæŋgɪv]。</p> <p>用法:</p> <p>HTML-2.0 是一种用于创建网页的编程语言,它使用标签来定义网页的各个部分,如标题、段落、链接、图片等。</p> <p>相关词汇:</p> <p>1. 标签 (tag):HTML-2.0 中的标签用于定义网页的各个部分。</p> <p>2. 结构化 (structured):HTML-2.0 的主要特点之一是其结构化特性,它使用标签来组织网页内容。</p> <p>3. 文档对象模型 (DOM):DOM 是 JavaScript 中用于操作 HTML 文档的一种接口,它允许程序和脚本动态地访问和更新网页的内容、结构和样式。</p> <p>4. 跨平台 (cross-platform):HTML-2.0 是跨平台的,这意味着它可以在不同的操作系统和浏览器上使用,而无需进行修改。</p> <p>5. 浏览器 (browser):用于显示 HTML-2.0 网页的软件,如 Internet Explorer、Chrome、Firefox 等。</p> <p>怎么记:</p> <p>可以尝试将 HTML-2.0 分解成各个部分来记忆,如 "H" 代表 "head"(头部),"T" 代表 "tag"(标签),"M" 代表 "model"(模型)等。</p> <p>常见短语:</p> <p>1. HTML 标签 (HTML tag):表示 HTML-2.0 中的标签。</p> <p>2. HTML 文档 (HTML document):由 HTML-2.0 代码组成的文档。</p> <p>3. 在 HTML 中插入 (inserting in HTML):在网页中添加 HTML-2.0 代码的方法。</p> <p>4. 通过 HTML 链接 (linking through HTML):通过 HTML-2.0 创建网页链接的方法。</p> <p>5. HTML 表单 (HTML form):一种用于收集用户输入的 HTML-2.0 元素。</p> <p>其他相关词汇:</p> <p>1. CSS (Cascading Style Sheets):一种用于描述 HTML-2.0 文档样式的语言。</p> <p>2. JavaScript:一种用于增强网页交互性和动态内容的编程语言,通常与 HTML-2.0 和 CSS 一起使用。</p> <p>3. XML (Extensible Markup Language):一种基于 HTML-2.0 的标记语言,常用于数据交换和web服务。</p> <p>4. HTTP (Hypertext Transfer Protocol):一种用于在网络上传输 HTML-2.0 文档的协议。</p> <p>5. URL (Uniform Resource Locator):表示互联网上资源地址的字符串,通常以 http:// 或 https:// 开头。</p> </div> <script src=/d/js/acmsd/thea5.js></script> <div class="more-page clr f16 fc9 margin-b20"> <div class="fll m-cell ellipsis"> <span>上一篇:</span> <a href="http://www.qibuwx.cn/toefl/503985.html" class="ah1">divide by基础释义_divide by的发音_divide by的用法_divide by的相关词汇_怎么记_翻译</a> </div> <div class="flr m-cell ellipsis"> <span>下一篇:</span><a href="http://www.qibuwx.cn/toefl/596861.html" class="ah1">hypersusceptibility基础释义_hypersusceptibility的发音_hypersusceptibility的用法_hypersusceptibility的相关词汇_怎么记_翻</a> </div> </div> <div class="taps-list clr"> <ul> <li><a class="f14 white" href="http://qibu.hqwx.com/register/">一级建造师历年真题</a></li> <li><a class="f14 white" href="http://qibu.hqwx.com/register/">二级建造师历年真题</a></li> <li><a class="f14 white" href="http://qibu.hqwx.com/register/">造师工程师真题</a></li> <li><a class="f14 white" href="http://qibu.hqwx.com/register/">消防工程师考试</a></li> <li><a class="f14 white" href="http://qibu.hqwx.com/register/">监理工程师</a></li> <li><a class="f14 white" href="http://qibu.hqwx.com/register/">建筑工程</a></li> <li><a class="f14 white" href="http://qibu.hqwx.com/register/">经济师真题</a></li> <li><a class="f14 white" href="http://qibu.hqwx.com/register/">注册会计师历年真题</a></li> <li><a class="f14 white" href="http://qibu.hqwx.com/register/">注册税务师历年真题</a></li> <li><a class="f14 white" href="http://qibu.hqwx.com/register/">证券从业资格</a></li> <li><a class="f14 white" href="http://qibu.hqwx.com/register/">财会经济历年真题</a></li> <li><a class="f14 white" href="http://qibu.hqwx.com/register/">执业药师考试</a></li> <li><a class="f14 white" href="http://qibu.hqwx.com/register/">乡村全科执业助理医师</a></li> <li><a class="f14 white" href="http://qibu.hqwx.com/register/">中医助理医师</a></li> <li><a class="f14 white" href="http://qibu.hqwx.com/register/">执业护士考试</a></li> <li><a class="f14 white" href="http://qibu.hqwx.com/register/">医药卫生</a></li> <li><a class="f14 white" href="http://qibu.hqwx.com/register/">人力资源管理师考试</a></li> <li><a class="f14 white" href="http://qibu.hqwx.com/register/">心理咨询师真题</a></li> <li><a class="f14 white" href="http://qibu.hqwx.com/register/">教师资格历年真题</a></li> <li><a class="f14 white" href="http://qibu.hqwx.com/register/">健康管理师考试</a></li> <li><a class="f14 white" href="http://qibu.hqwx.com/register/">职业资格</a></li> </ul> </div> <div class="session3 margin-b20"> <div class="title tar"> <h4 class="f22 fc0 tal">相关文章</h4> </div> <script src=/d/js/acmsd/thea6.js></script> <div class="content-main"> <div class="cell clr"> <ul> <li> <p class="fll txt"><span></span><a class="ellipsis ah1 f14 fc3" href="http://www.qibuwx.cn/toefl/584280.html">insatiability基础释义_insatiability的发音_insatiability的用法_insatiability的相关词汇_怎么记_翻译</a> </p> </li> <li> <p class="fll txt"><span></span><a class="ellipsis ah1 f14 fc3" href="http://www.qibuwx.cn/toefl/512931.html">emphasise基础释义_emphasise的发音_emphasise的用法_emphasise的相关词汇_怎么记_翻译</a> </p> </li> <li> <p class="fll txt"><span></span><a class="ellipsis ah1 f14 fc3" href="http://www.qibuwx.cn/toefl/519006.html">everts基础释义_everts的发音_everts的用法_everts的相关词汇_怎么记_翻译</a> </p> </li> <li> <p class="fll txt"><span></span><a class="ellipsis ah1 f14 fc3" href="http://www.qibuwx.cn/toefl/439247.html">apologia基础释义_apologia的发音_apologia的用法_apologia的相关词汇_怎么记_翻译</a> </p> </li> <li> <p class="fll txt"><span></span><a class="ellipsis ah1 f14 fc3" href="http://www.qibuwx.cn/toefl/447496.html">aggregate batching plant基础释义_aggregate batching plant的发音_aggregate batching plant的用法_aggregate batch</a> </p> </li> <li> <p class="fll txt"><span></span><a class="ellipsis ah1 f14 fc3" href="http://www.qibuwx.cn/toefl/524616.html">complementary angle基础释义_complementary angle的发音_complementary angle的用法_complementary angle的相关词汇_怎么记_翻</a> </p> </li> <li> <p class="fll txt"><span></span><a class="ellipsis ah1 f14 fc3" href="http://www.qibuwx.cn/toefl/486978.html">computer browser service基础释义_computer browser service的发音_computer browser service的用法_computer browse</a> </p> </li> <li> <p class="fll txt"><span></span><a class="ellipsis ah1 f14 fc3" href="http://www.qibuwx.cn/toefl/544473.html">go easy on基础释义_go easy on的发音_go easy on的用法_go easy on的相关词汇_怎么记_翻译</a> </p> </li> <li> <p class="fll txt"><span></span><a class="ellipsis ah1 f14 fc3" href="http://www.qibuwx.cn/toefl/530973.html">computerized career progression system基础释义_computerized career progression system的发音_computerized ca</a> </p> </li> <li> <p class="fll txt"><span></span><a class="ellipsis ah1 f14 fc3" href="http://www.qibuwx.cn/toefl/487076.html">countertrade基础释义_countertrade的发音_countertrade的用法_countertrade的相关词汇_怎么记_翻译</a> </p> </li> </ul> </div> </div> </div> <div class="session3 margin-b20"> <div class="title tar margin-b10"> <h4 class="f22 fc0 tal">为您推荐</h4> </div> <div class="content-main home2-center" id="_elm"> <div class="article-list"> <div class="img-article"> <a href="http://www.qibuwx.cn/toefl/245352.html"><div class="img-box" style="background-image: url('[db:缩略图]');"></div></a> <div class="article"> <h4 class="fn"><a class="fc0 f18 ah1 ellipsis" href="http://www.qibuwx.cn/toefl/245352.html">money是什么意思,money怎么读 语音:</a> </h4> <p class="des"><a class="wbwr f14 fc6" href="http://www.qibuwx.cn/toefl/245352.html">秒词邦,国内权威分题型分考点背诵中高考/四六级考研/专升本/出国单词的专业单词软件。为你提供money的专业词性词义和词根词缀超级记忆法|真题例句和经典用法,也是国内专注中高考核心单词记忆法的微信小程序。</a> </p> <p class="time f12 fc9">2024-01-08 22:48</p> </div> </div> </div> <div class="article-list"> <div class="img-article"> <a href="http://www.qibuwx.cn/toefl/245351.html"><div class="img-box" style="background-image: url('[db:缩略图]');"></div></a> <div class="article"> <h4 class="fn"><a class="fc0 f18 ah1 ellipsis" href="http://www.qibuwx.cn/toefl/245351.html">mather是什么意思,mather怎么读 语音:</a> </h4> <p class="des"><a class="wbwr f14 fc6" href="http://www.qibuwx.cn/toefl/245351.html">秒词邦,国内权威分题型分考点背诵中高考/四六级考研/专升本/出国单词的专业单词软件。为你提供Mather的专业词性词义和词根词缀超级记忆法|真题例句和经典用法,也是国内专注中高考核心单词记忆法的微信小程序。</a> </p> <p class="time f12 fc9">2024-01-08 22:45</p> </div> </div> </div> <div class="article-list"> <div class="img-article"> <a href="http://www.qibuwx.cn/toefl/245350.html"><div class="img-box" style="background-image: url('[db:缩略图]');"></div></a> <div class="article"> <h4 class="fn"><a class="fc0 f18 ah1 ellipsis" href="http://www.qibuwx.cn/toefl/245350.html">father是什么意思,father怎么读 语音:</a> </h4> <p class="des"><a class="wbwr f14 fc6" href="http://www.qibuwx.cn/toefl/245350.html">秒词邦,国内权威分题型分考点背诵中高考/四六级考研/专升本/出国单词的专业单词软件。为你提供father的专业词性词义和词根词缀超级记忆法|真题例句和经典用法,也是国内专注中高考核心单词记忆法的微信小程序。</a> </p> <p class="time f12 fc9">2024-01-08 22:45</p> </div> </div> </div> <div class="article-list"> <div class="img-article"> <a href="/toefl/23293.html"><div class="img-box" style="background-image: url('https://pic.wenwen.soso.com/pqpic/wenwenpic/0/20200322054505-268845411_jpeg_450_307_15835/0');"></div></a> <div class="article"> <h4 class="fn"><a class="fc0 f18 ah1 ellipsis" href="/toefl/23293.html">初中生有没有必要考小托福</a> </h4> <p class="des"><a class="wbwr f14 fc6" href="/toefl/23293.html">雅思和托福作为很专业的语言考试,越来越受到国内外的认可,所以它们对你的学业或者未来就业或许是有着极大的帮助的,但也有很多人会怀疑,不是只有出国留学才需要考雅思托福吗?毕竟</a> </p> <p class="time f12 fc9">2021-04-22 05:12</p> </div> </div> </div> <div class="article-list"> <div class="img-article"> <a href="/toefl/23259.html"><div class="img-box" style="background-image: url('https://pic.wenwen.soso.com/pqpic/wenwenpic/0/20190924051511-1778955997_jpeg_600_400_22447/0');"></div></a> <div class="article"> <h4 class="fn"><a class="fc0 f18 ah1 ellipsis" href="/toefl/23259.html">托福考试如何延期或取消考试?</a> </h4> <p class="des"><a class="wbwr f14 fc6" href="/toefl/23259.html">一、托福考试若要更改考试日期或取消报名,则至少需在开考前提前 3 整日提出申请(不包括考试当日或提出申请之日)。 例如,若星期六开考,则必须在星期二以前更改考试日期或取消考试</a> </p> <p class="time f12 fc9">2021-04-22 01:41</p> </div> </div> </div> <div class="article-list"> <div class="img-article"> <a href="/toefl/23252.html"><div class="img-box" style="background-image: url('https://iknow-pic.cdn.bcebos.com/c9fcc3cec3fdfc03650d13c6c43f8794a4c22653?x-bce-process%3Dimage%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_jpg');"></div></a> <div class="article"> <h4 class="fn"><a class="fc0 f18 ah1 ellipsis" href="/toefl/23252.html">上海小学寒假时间2021</a> </h4> <p class="des"><a class="wbwr f14 fc6" href="/toefl/23252.html">《上海市中小学2020学年度校历》 第一学期 2020年9月1日开学,2021年1月22日结束,全学期共21周。 寒假从2021年1月23日开始,2月21日结束。 第二学期 2021年2月22日开学,6</a> </p> <p class="time f12 fc9">2021-04-22 00:58</p> </div> </div> </div> <div class="divcon"><div id="divcon1"></div></div> </div> <div id="divcon2"><div id="divload"><div class="loading-txt" style="text-align:center;">加载中...</div></div></div> </div> </div> <div class="flr right-side"> <div class="aside margin-b20"> <div class="ad-box margin-b20"> <script src=/d/js/acmsd/thea1.js></script> </div> <div class="articl"> <h4 class="f18 fc1 fn margin-b5">精品文章</h4> <div class="p-list margin-b20"> <ul> <li><a href="/GaoKaoZiXun/23371.html" class="ellipsis f14 ah1 aBlock">2021最新高考资料提示</a></li> <li><a href="/toefl/23206.html" class="ellipsis f14 ah1 aBlock">2021年1月25日河南境外输入新冠病毒感染?</a></li> <li><a href="/ckjj/ccbp/23205.html" class="ellipsis f14 ah1 aBlock">中国银行业从业资格考试在哪报名</a></li> <li><a href="/daoyou/23204.html" class="ellipsis f14 ah1 aBlock">导游资格证会被取消吗</a></li> <li><a href="/ckjj/ccbp/23203.html" class="ellipsis f14 ah1 aBlock">有谁知道银行从业资格证怎么报名?考试在哪里考?知道的麻烦告诉我一下,谢谢!</a></li> <li><a href="/toefl/23202.html" class="ellipsis f14 ah1 aBlock">托福成绩几年内有效?</a></li> </ul> </div> </div> <div class="ad-box margin-b20"> <script src=/d/js/acmsd/thea2.js></script> </div> <div class="articl margin-b20"> <h4 class="f18 fc1 fn icon2 margin-b5">热门推荐</h4> <div class="p-img-list"> <a href="/DaXueFenShuXian/83088.html" class="ah1"> <div class="img-box" style="background-image: url('');"></div> <div class="cell"> <p class="f14 p wbwr">扫的多音字组词?</p> <p class="f12 fc9 time">2022-06-18</p> </div> </a> </div> <div class="p-img-list"> <a href="/DaXueZYPM/125186.html" class="ah1"> <div class="img-box" style="background-image: url('');"></div> <div class="cell"> <p class="f14 p wbwr">1938年中条山战役详细介绍?</p> <p class="f12 fc9 time">2022-11-19</p> </div> </a> </div> <div class="p-img-list"> <a href="/ckjj/cpa/89434.html" class="ah1"> <div class="img-box" style="background-image: url('');"></div> <div class="cell"> <p class="f14 p wbwr">泉州市的一级达标高中中学有哪些啊?重点是晋江的?</p> <p class="f12 fc9 time">2022-06-28</p> </div> </a> </div> <div class="p-img-list"> <a href="/GaoKaoZhiYuan/110939.html" class="ah1"> <div class="img-box" style="background-image: url('qibuwx.cn');"></div> <div class="cell"> <p class="f14 p wbwr">石家庄军人砸酒店</p> <p class="f12 fc9 time">2022-08-28</p> </div> </a> </div> <div class="p-img-list"> <a href="/ckjj/jingjishi/48125.html" class="ah1"> <div class="img-box" style="background-image: url('');"></div> <div class="cell"> <p class="f14 p wbwr">科学试卷分析失分原因和改进措施?</p> <p class="f12 fc9 time">2021-07-19</p> </div> </a> </div> </div> <div class="articl margin-b20"> <h4 class="f18 fc1 fn icon3 margin-b5">大家都在看</h4> <div class="p-h5-list"> <ul class="clr"> <li class="fll ellipsis"><a class="f14 ah1" href="http://www.qibuwx.cn/ZhiYuanXuanZhuanYe/">专业分析</a> </li> <li class="fll ellipsis"><a class="f14 ah1" href="http://www.qibuwx.cn/TianJinZZZS/">天津自主招生</a> </li> <li class="fll ellipsis"><a class="f14 ah1" href="http://www.qibuwx.cn/xiyao/">执业西药师</a> </li> <li class="fll ellipsis"><a class="f14 ah1" href="http://www.qibuwx.cn/LiaoNingZZZS/">辽宁自主招生</a> </li> <li class="fll ellipsis"><a class="f14 ah1" href="http://www.qibuwx.cn/jianli/">监理工程师</a> </li> <li class="fll ellipsis"><a class="f14 ah1" href="http://www.qibuwx.cn/liuxue/">出国留学</a> </li> <li class="fll ellipsis"><a class="f14 ah1" href="http://www.qibuwx.cn/HeNanZZZS/">河南自主招生</a> </li> <li class="fll ellipsis"><a class="f14 ah1" href="http://www.qibuwx.cn/HuNanZZZS/">湖南自主招生</a> </li> <li class="fll ellipsis"><a class="f14 ah1" href="http://www.qibuwx.cn/GaoKaoZSZY/">高考招生专业</a> </li> <li class="fll ellipsis"><a class="f14 ah1" href="http://www.qibuwx.cn/usa/">美国留学</a> </li> <li class="fll ellipsis"><a class="f14 ah1" href="http://www.qibuwx.cn/HeBeiZZZS/">河北自主招生</a> </li> <li class="fll ellipsis"><a class="f14 ah1" href="http://www.qibuwx.cn/xgn/">新概念</a> </li> <li class="fll ellipsis"><a class="f14 ah1" href="http://www.qibuwx.cn/GaoKaoZYPD/nvsheng/">女生专业</a> </li> <li class="fll ellipsis"><a class="f14 ah1" href="http://www.qibuwx.cn/JunXunGuoFangSheng/">军校国防生</a> </li> </ul> </div> </div> <div class="Js_scroll"> <div> <script src=/d/js/acmsd/thea3.js></script> </div> </div> </div> </div> </div> <div class="footer"> <div class="foot"> <p class="tip"><span>联系邮箱:000000@qq.com</span><span>粤ICP备17024501号-2</span></p> <p class="tip">CopyRight 2021-2025 www.qibuwx.cn Inc All Rights Reserved. 起步网校 版权所有 </p> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?59f07475e807fbf33c76cdb378cd59cd"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </div> <script type="text/javascript" src="/96kaifa/js/common/jquery.min.js"></script> <script type="text/javascript"> $(function () { $(document).on("mouseover", ".Js_menu ul li", function () { var ID = "#" + $(this).attr("data-id"); var h = $(ID).find(".Js_menuListUl").height(); $(ID).show(); $(".Js_menuListBox").css("height", "50px").attr("data-height", h + "px"); if (h > 50) { $(ID).find(".Js_menuListShowBtn").removeClass("active").show(); } }); $(document).on("mouseleave", ".Js_menu ul li", function () { $("#" + $(this).attr("data-id")).hide(); }); $(document).on("mouseover", ".Js_menuList", function () { $(this).show(); }); $(document).on("mouseleave", ".Js_menuList", function () { $(this).hide(); }); //下拉 $(document).on("click", ".Js_menuListShowBtn", function () { var p = $(this).parent(); if (p.height() > 50) { p.css("height", "50px"); $(this).removeClass("active"); } else { p.css("height", p.attr("data-height")); $(this).addClass("active"); } }) }) </script> </div> <script type="text/javascript"> $(function () { $(document).on("mouseover", ".Js_menu ul li", function () { var ID = "#" + $(this).attr("data-id"); var h = $(ID).find(".Js_menuListUl").height(); $(ID).show(); $(".Js_menuListBox").css("height", "50px").attr("data-height", h + "px"); if (h > 50) { $(ID).find(".Js_menuListShowBtn").removeClass("active").show(); } }); $(document).on("mouseleave", ".Js_menu ul li", function () { $("#" + $(this).attr("data-id")).hide(); }); $(document).on("mouseover", ".Js_menuList", function () { $(this).show(); }); $(document).on("mouseleave", ".Js_menuList", function () { $(this).hide(); }); //下拉 $(document).on("click", ".Js_menuListShowBtn", function () { var p = $(this).parent(); if (p.height() > 50) { p.css("height", "50px"); $(this).removeClass("active"); } else { p.css("height", p.attr("data-height")); $(this).addClass("active"); } }) //滚动页面固定广告位 $(window).on("scroll", function(){ var scroll = $(document).scrollTop(); $(".Js_scroll").each(function(i,e){ var hDiv = $(this).prev(); var t = hDiv.offset().top; //上个元素的距离页面顶部的高度 var h = hDiv.outerHeight(); //上个元素的高度 var fixedDiv = $(this).children(); // console.log(t, h, scroll) $(this).height($(this).height()); if(scroll > h+t){ if(!fixedDiv.hasClass("on")){ fixedDiv.css({ "position":"fixed", "top": 0 }).addClass("on"); } }else{ if(fixedDiv.hasClass("on")){ fixedDiv.css({ "position":"relative", }).removeClass("on"); } } }); }); }) </script> <script language="javascript" type="text/javascript"> $(document).ready(function(){ var page = 1;//这个不是真正的页数,而是位移量 var nextpage = 1; var wan=true; var totalheight = 0; function loadData(){ totalheight = parseFloat($(window).height()) + parseFloat($(window).scrollTop()); if ($(document).height()-200 <= totalheight && wan==true) { // 说明滚动条已达底部 page = nextpage; $.ajax({ url : '/96kaifa/news-96kaifa.php', type:'get', data:{'c96kaifa':59,'next':page,'id96kaifa':596864}, dataType : 'html', beforeSend:function(){ $('#divload').html('<div class="loading-txt" style="text-align:center;">加载中...</div>'); $('#divcon2').show(); wan=false; }, success : function(str){ if(str!=""){ $('#divcon1').show(); $('#divcon2').hide(); $('#divcon1').append(str); nextpage++; wan=true; }else{ $('#divload').html('<div class="loading-txt" style="text-align:center;">加载完毕!</div>'); $('#divcon2').show(); } } }); }} $(window).scroll( function() { loadData(); }); }) </script> <div style="display:none;"><script src="http://www.qibuwx.cn/e/public/ViewClick/?classid=59&id=596864&addclick=1"></script></div> </body> </html>