史上最全的标签总结大全-html教程-PHP中文网

基本结构标签:
,表示该文件为html文件

,包含文件的标题,使用的脚本,样式定义等
---,包含文件的标题,标题出现在浏览器标题栏中
,的结束标志
,放置浏览器中显示信息的所有标志和属性,其中内容在浏览器中显示.
,的结束标志
,的结束标志

其它主要标签,以下所有标志用在

中:
,链接标志,"…"为链接的文件地址
史上最全的标签总结大全

,显示图片标志,"…"为图片的地址

,换行标志

,分段标志
,采用黑体字
,采用斜体字

,水平画线

,定义表格,HTML中重要的标志
,定义表格的行,用在

中
,定义表格的单元格,用在中
,字体样式标志

属性:
属性是用来修饰标志的,属性放在开始标志内.
例:属性bgcolor="BLACK"表示背景色为黑色.
引用属性的例子:

表示页面背景色为黑色;

表示表格背景色为黑色.

常用属性:
对齐属性,范围属性:
ALIGN=LEFT,左对齐(缺省值),WIDTH=象素值或百分比,对象宽度.
ALIGN=CENTER,居中,HEIGHT=象素值或百分比,对象高度.
ALIGN=RIGHT,右对齐.
色彩属性:
COLOR=#RRGGBB,前景色,参考色彩对照表.
BGCOLOR=#RRGGBB,背景色.

表示绝对居中.

表格标识的开始和结束.
属性:
cellpadding=数值单位是像素,定义表元内距
cellspacing=数值单位是像素,定义表元间距
border=数值单位是像素,定义表格边框宽度
width=数值单位是像素或窗口百分比,定义表格宽度
background=图片链接地址,定义表格背景图
表格中一个表格行的开始和结束;
表格中行内一个单元格的开始和结束
属性:
Colspan="",单元格跨越多列;
Rowspan="",单元格跨越多行;
Width="";定义表格宽度
Height="";定义表格高度
Align="";对齐方式
Valign="";
Border="",边框宽度;
Bgcolor="",背景色;
Bordercolor="",边框颜色;
Bordercolorlight="",边框明亮面的颜色;
Bordercolordark="",边框暗淡面的颜色;
Cellpadding="",内容与边框的距离(默认为2);
Cellspacing="",单元格间的距离(默认为2);

强制换行
文本标识的开始和结束
属性:
face=字体
color=颜色
加粗文字标识的开始和结束
属性:
style=font-size:40pt;,用样式表方式控制字体大小,这里是40点

段落标识,
空格符,
史上最全的标签总结大全贴图标识
属性:
src=../../图片链接地址,贴图标识必备属性
style=filter:Alpha(opacity=100,style=2);
filter:样式表滤镜;
Alpha:透明滤镜,
opacity:不透明度100(0~100);
style:样式2(0~3),
rules="none"不显示内框"
多媒体文件标识
属性:
SRC="../../FILENAME",
设定音乐文件的路径,文件类型除了可以播放.rm;.mp3;.wav等音频,还可播放.swf和.mov等视频.
AUTOSTART=TRUE/FALSE,
是否要音乐文件传送完就自动播放,TRUE是要,FALSE是不要,默认为FALSE
LOOP=,设定播放重复次数,LOOP=6表示重复6次,true或-1为无限循环,false为播放一次即停止.
STARTIME="分:秒",
设定乐曲的开始播放时间,如20秒后播放写为STARTIME=00:20
VOLUME=0-100,
设定音量的大小.如果没设定的话,就用系统的音量.
WIDTH,HEIGHT,
设定控制面板的大小,都设为0可隐藏播放器
HIDDEN=TRUE,
隐藏控制面板
CONTROLS=CONSOLE/SMALLCONSOLE,
设定控制面板的样子,
,背景音乐标识,只能用于.wav和.mp3格式.
属性:
LOOP=,设定播放重复次数,LOOP=6表示重复6次,true或-1为无限循环,false为播放一次即停止.

表单标签:

表格标识的开始和结束,表单的内容都放在这里.
下边的标签放在表单内:

属性:
Multiple,多选

登录后复制

,大量文字输入的编辑块
属性:
Cols="",行;
Rows="",列;
,文本框
,密码框
,提交按扭
,复选框
,单选框
,重置按扭
,图片按扭
,隐藏域
,按扭
,浏览文件
公共属性:
Name="";
Value=""
Size=""

框架标签:

...,定义框架.
,放在框架标签内,定义每个框架的内容.
属性:
Cols=""
Rows=""
Frameborder=""
Framespacing=""
src=""
Scrolling="",滚动条(No,Yes);
Noresize,框加大小不可变;
Marginhight="",高度空余空间;
Marginwidth="",宽度空余空间;
Target="",目标框架.

其他标签:
,背景音乐;
Src=""
Loop="",循环次数;
,媒体播放块;
Src=""
Loop="",循环次数;
,滚动部分;
属性:
Bgcolor=""
Behavior,设置或获取文本如何在字幕中滚动.
Direction="",滚动方向;
Height=""
Width=""
Loop="",环次数;
scrollAmount="",设置或获取介于每个字幕绘制序列之间的文本滚动像素数.
scrollDelay="",设置或获取字幕滚动的速度.
scrollHeight="",获取对象的滚动高度;
scrollLeft="",设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离.
scrollTop="",设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离.
trueSpeed="",设置或获取字幕的位置是否使用scrollDelay和scrollAmount属性计算,已过的实际时间来自于时钟计时.

,注释标记,在""之间的内容将不在浏览器中显示.

基本标签:
,创建一个HTML文档;

,设置文档标题和其它在网页中不显示的信息;
,设置文档的标题;

,最大的标题;

登录后复制

,预先格式化文本;
,下划线
,黑体字;
,斜体字;
,打字机风格的字体;
,引用,通常是斜体;
,强调文本(通常是斜体加黑体);
,加重文本(通常是斜体加黑体);
,设置字体大小从1到7,颜色使用名字或RGB的十六进制值;
,基准字体标记;
,字体加大;
,字体缩小;
,加删除线;
,程式码;
,键盘字;
,范例;
,变量;

,向右缩排;
,述语定义;

,地址标记;
,上标字;
,下标字;
...固定宽度字体(在文件中空白、换行、定位功能有效)
...</plaintext>固定宽度字体(不执行标记符号); <br><listing>...</listing>,固定宽度小字体; <br><font>...</font>字体颜色; <br><font>...</font>最小字体; <br><font>...</font>无限增大.<p>格式标签:</p> <div class="aritcle_card"> <a class="aritcle_card_img" href="/xiazai/code/11198"> <img src="https://img.php.cn/upload/webcode/000/000/006/176528160218602.jpg" alt="ShopWind网店系统"> </a> <div class="aritcle_card_info"> <a href="/xiazai/code/11198">ShopWind网店系统</a> <p>ShopWind网店系统是国内最专业的网店程序之一，采用ASP语言设计开发，速度快、性能好、安全性高。ShopWind网店购物系统提供性化的后台管理界面，标准的网上商店管理模式和强大的网店软件后台管理功能。ShopWind网店系统提供了灵活强大的模板机制，内置多套免费精美模板，同时可在后台任意更换，让您即刻快速建立不同的网店外观。同时您可以对网模板自定义设计，建立个性化网店形象。ShopWind网</p> <div class=""> <img src="/static/images/card_xiazai.png" alt="ShopWind网店系统"> <span>0</span> </div> </div> <a href="/xiazai/code/11198" class="aritcle_card_btn"> <span>查看详情</span> <img src="/static/images/cardxiayige-3.png" alt="ShopWind网店系统"> </a> </div> <p></p> <p></p>,创建一个段落; <br><p>,将段落按左、中、右对齐; <br><br>,换行,插入一个回车换行符; <br></p> <blockquote></blockquote>,从两边缩进文本;<p></p> <dl></dl>,列表标签,定义列表; <br><dt>,定义列表标题; <br> </dt> <dd>,定义列表内容; <br>例: <br><dl> <br><dt>标题1</dt> <br><dd>内容11</dd> <br><dd>内容12</dd> <br><dt>标题2</dt> <br><dd>内容21</dd> <br><dd>内容22</dd> <br> </dl> <p></p> <ol></ol>,列表标签,定义一个标有数字的列表;<p></p> <ul></ul>,列表标签,定义一个标有圆点的列表; <br><li>,放在每个列表项之前; <br>放在<ol></ol>之间则每个列表项加上一个数字,放在<ul></ul>之间则每个列表项加上一个圆点;<p></p> <div></div>,分区标签,用来排版大块HTML段落,也用于格式化表; <br><menu>,选项清单; <br><dir>,目录清单; <br><nobr></nobr>,强行不换行; <br><hr>水平线(设定宽度); <br><center></center>,水平居中.<p>链接标签: <br><a></a>,创建超文本链接; <br><a> <br></a>,创建自动发送电子邮件的链接; <br><a></a>,创建位于文档内部的书签; <br><a></a>,创建指向位于文档内部书签的链接; <br><base>,文档中不能被该站点辨识的其它所有链接源的URL; <br><link>,定义一个链接和源之间的相互关系;</p> <p>链接标签注解: <br>target="...",决定链接源在什么地方显示(用户自定义的名字,_blank,_parent,_self,_top); <br>rel="...",发送链接的类型; <br>rev="...",保存链接的类型; <br>accesskey="...",指定该元素的热键; <br>shape="...",允许我们使用已定义的形状定义客户端的图形镜像(default,rect,circle,poly); <br>coord="...",使用像素或者长度百分比来定义形状的尺寸; <br>tabindex="...",使用定义过的tabindex元素设置在各个元素之间的焦点获取顺序(使用tab键使元素获得焦点).</p> <p>表格标签: <br></p> <table></table>,创建一个表格; <br><tr></tr>,表格中的每一行; <br><td></td>,表格中一行中的每一个格子; <br><th></th>,设置表格头:通常是黑体居中文字; <br><table>,设置表格格子之间空间的大小; <br><table>,设置边框的宽度; <br><table>,设置表格格子边框与其内部内容之间空间的大小; <br><table>,设置表格的宽度.用绝对像素值或总宽度的百分比; <br><table>,设置表格格子的水平对齐方式(left,center,right,justify); <br><tr>,设置表格格子的水平对齐方式(left,center,right,justify); <br> </tr> <tr>,设置表格格子的垂直对齐方式(baseline,bottom,middle,top); <br><td>,设置一个表格格子跨占的列数(缺省值为1); <br> </td> <td>,设置一个表格格子跨占的行数(缺省值为1); <br> </td> <td>,禁止表格格子内的内容自动断行; <br><caption></caption>,表格的标题; <br><colgroup></colgroup>,定义多个列为一组列; <br><table></table>,创建一个表格; <br><thead></thead>,定义表格的页眉; <br><col>,定义一个列组中的列，以便对它们能够同时设置有关属性; <br> </td> </tr> <tbody></tbody>,定义一个表格的实体; <br><tfoot></tfoot>,定义一个表格的页脚;<p>表单标签: <br></p> <form></form>,创建表单; <br>action="...",接收数据的服务器的URL; <br>method="...",HTTP的方法(get,,post),其中get是被反对使用的; <br>enctype="...",指定MIME(Internet媒体类型); <br>onsubmit="...",当提交表单时发生的内部事件; <br>noreset="...",在重新设置表单时发生的内部事件; <br>target="...",决定把内容显示在什么地方(_blank,_parent,_self,_top) <br><select></select>,创建滚动菜单,size设置在需要滚动前可以看到的表单项数目; <br><option>,设置每个表单项的内容; <br><select></select>,创建<a href="http://www.php.cn/code/6140.html" target="_blank">下拉菜单</a>; <br><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false;" ,name="name",cols=40,rows=8></pre><div class="contentsignin">登录后复制</div></div>,创建一个文本框区域,列的数目设置宽度,行的数目设置高度; <br><input>,创建一个复选框,文字在标签后面; <br><input>,创建一个单选框,文字在标志后面; <br><input>,创建一个单行文本输入区域,size设置以字符串的宽度; <br><input>,创建提交(submit)按钮; <br><input>,创建一个使用图象的提交(submit)按钮; <br><input>,创建重置(reset)按钮; <br><button></button>,创建一个按钮; <br>disabled="...",把按钮的状态设置为不能; <br>name="...",按钮的控制名,value="...",按钮的值; <br>type="...",按钮的类型(button,,submit,,reset); <br><fieldset></fieldset>,把相互关联的控件组合成一组; <br><isindex>,提示用户输入; <br><label></label>,为一个控件提供标签; <br><legend></legend>,为FIELDSET元素指定一标题; <br><select></select>,为用户做选择创建各个选项; <br><textarea></textarea>,创建一个允许用户多行输入的区域.<p>表单标签注解: <br>type="...",用于输入控件的类型(text,password,checkbox,radio,submit,reset,file,hidden,image,button); <br>name="...",控件的控制名(要求是除了submit和reset之外的任何名字); <br>value="...",控件的初始值; <br>checked="...",把一个单选钮设置为选中的状态; <br>disabled="...",把控件的状态设置为不能使用; <br>readonly="...",只对输入密码的文本框使用; <br>size="...",表示以像素为单位的除了文本框和密码框控件之外的其它控件的宽度,它是用来指定字符的数目; <br>src="...",一个图像控件的URL; <br>maxlength="...",指定可以输入的最多的字符数目; <br>alt="...",另外一种文本描述; <br>usemap="...",到客户端图形镜像的URL; <br>align="...",被反对.控制对齐方式(left,,center,,right,,justify); <br>tabindex="...",通过定义的tabindex值确定在不同元素之间获得焦点的顺序; <br>onfocus="...",当元素获得焦点时发生的事件; <br>onblur="...",当元素失去焦点时发生的事件; <br>onselect="...",当元素被选中时发生的事件; <br>onchang="...",当元素状态被改变时发生的事件; <br>accept="...",允许上载的文件类型.</p> <p>帧标签(框架标签): <br></p> <frameset></frameset>,放在一个帧文档的标签之前,也可以嵌在其他帧文档中; <br><frameset>,定义一个帧内的行数,可用像素值或高度百分比; <br><frameset>,定义一个帧内的列数,可用像素值或宽度百分比; <br><frame>,定义一个帧内的单一窗或窗区域; <br><noframes></noframes>,定义在不支持帧的浏览器中显示什么提示; <br><frame>,规定帧内显示的HTML文档; <br><frame>,命名帧或区域以便别的帧可以指向它; <br><frame>,定义帧左右边缘的空白大小,必须大于等于1; <br><frame>,定义帧上下边缘的空白大小,必须大于等于1; <br><frame>,设置帧是否有滚动栏,其值可以是"yes","no",或"auto"; <br><frame>,禁止用户调整一个帧的大小; <br><iframe></iframe>,创建一个内联的帧; <br>scr="...",定义在帧中显示的内容的来源; <br>frameborder="...",定义帧之间的边界(0或1); <br>align="...",被反对,控制对齐方式(left,,center,,right,,justify); <br>height="...",帧的高度,width="..."帧的宽度; <br><marquee>...</marquee>,普通卷动; <br><marquee>...</marquee>,滑动; <br><marquee>...</marquee>,预设卷动; <br><marquee>...</marquee>,来回卷动; <br><marquee>...</marquee>,向下卷动; <br><marquee>...</marquee>,向上卷动; <br><marquee></marquee>,向右卷动; <br><marquee></marquee>,向左卷动; <br><marquee>...</marquee>,卷动次数; <br><marquee>...</marquee>,设定宽度; <br><marquee>...</marquee>,设定高度; <br><marquee>...</marquee>,设定背景颜色; <br><marquee>...</marquee>,设定卷动距离; <br><marquee>...</marquee>,设定卷动时间; <br><img alt="史上最全的标签总结大全" >,插入图片,参数有:width="宽",alt="说明文字",height="高",boder="边框".<p>文档整体属性标签: <br></p>,设置背景颜色.使用名字或RGB的十六进制值; <br>,设置背景图片; <br>,设置背景音乐; <br>,固定背景图片(IE适用); <br>,设置文本颜色.使用名字或RGB的十六进制值; <br>,设置链接颜色.使用名,字或RGB的十六进制值; <br>,设置已使用的链接的颜色.使用名字或RGB的十六进制值; <br>,设置正在被击中的链接的颜色.使用名字或RGB的十六进制值; <br>,设置页面的上边距; <br>,设置页面的左边距.</frameset> </frameset> </option> </table> </table> </table> </table> </table> </dir> </menu> </li> </dd> </center><p>以上就是史上最全的标签总结大全的详细内容，更多请关注php中文网其它相关文章！</p> <div class="everysee"> <h2>大家都在看：</h2> <div> <a target="_blank" href="/faq/1875273.html" title="html5怎么传值_html5用URL参数或表单提交实现页面间数据传值【传值】">html5怎么传值_html5用URL参数或表单提交实现页面间数据传值【传值】</a> <a target="_blank" href="/faq/1875248.html" title="如何开启全屏html5_html5全屏模式开启方法【浏览设置】">如何开启全屏html5_html5全屏模式开启方法【浏览设置】</a> <a target="_blank" href="/faq/1875199.html" title="html5怎么设置框架_html5用iframe或frameset标签嵌入子页面框架【设置】">html5怎么设置框架_html5用iframe或frameset标签嵌入子页面框架【设置】</a> <a target="_blank" href="/faq/1875197.html" title="Html如何压缩图片_HTML页面中压缩图片大小方法【压缩】">Html如何压缩图片_HTML页面中压缩图片大小方法【压缩】</a> <a target="_blank" href="/faq/1875177.html" title="html5怎么读取照片_html5用FileReader API读取本地照片显示或上传【读取】">html5怎么读取照片_html5用FileReader API读取本地照片显示或上传【读取】</a> </div> </div> </div> </div>  <div class="community flexRow newcommunity"> <div class="comleft flexRow newcomlimg"> <a target="_blank" class="newcomlimga" target="_blank" rel="nofollow" href="https://pan.quark.cn/s/d15282cdb2c0" title="最佳 Windows 性能的顶级免费优化软件" > <img src="https://img.php.cn/teacher/course/20240902/cc89be6a0150bc48ad7781bd49eed9bf.png" class="comlimg newcomlimg" alt="最佳 Windows 性能的顶级免费优化软件"> </a> <div class="comldiv flexColumn newcomldiv"> <a target="_blank" class="comldup newcomldup" target="_blank" rel="nofollow" title="最佳 Windows 性能的顶级免费优化软件" href="https://pan.quark.cn/s/d15282cdb2c0">最佳 Windows 性能的顶级免费优化软件</a> <p class="comlddown newcomlddown">每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。</p> </div> </div> <a target="_blank" class="comright flexRow newcomright" target="_blank" rel="nofollow" href="https://pan.quark.cn/s/d15282cdb2c0" title="最佳 Windows 性能的顶级免费优化软件"> 下载 </a> </div> <div class="wzconlabels"> <div style="display: inline-flex;float: right; color:#333333;">来源：php中文网</div> </div> <div class="wzconFx"> <a target="_blank" class="wzcf-sc articleICollection " data-id="367599"> <img src="/static/lhimages/shoucang_2x.png"> <span>收藏</span> </a> <a target="_blank" class="wzcf-dz articlegoodICollection " data-id="367599"> <img src="/static/images/images/icon37.png"> <span>点赞</span> </a> </div> <div class="wzconOtherwz"> <a target="_blank" href="/faq/367598.html"> <span>上一篇：有关html标签解释大全</span> </a> <a target="_blank" href="/faq/367600.html"> <span>下一篇：HTML5中常用的标签总结</span> </a> </div> <div class="wzconShengming"> <img src="/static/images/images/benzhanshengming.png" /> <div>本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn</div> </div>  <div class="wzconZzwz"> <div class="wzconZzwztitle">作者最新文章</div> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" target="_blank" href="/faq/362217.html" title="phpcn{$vo.title}">HTML中用正则表达式实现表格验证</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" target="_blank" href="/faq/370599.html" title="phpcn{$vo.title}">Swiper轮播图源码分享解析</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" target="_blank" href="/faq/373935.html" title="phpcn{$vo.title}">HttpUtils请求工具类的代码</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" target="_blank" href="/faq/375959.html" title="phpcn{$vo.title}">如何给php数组添加元素</a> </div> <div>2023-03-14 15:58:02</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" target="_blank" href="/faq/376633.html" title="phpcn{$vo.title}">CSS3实现hover离开时平滑过渡的实例详解</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" target="_blank" href="/faq/376780.html" title="phpcn{$vo.title}">PHP限制相同IP多次提交的解决办法</a> </div> <div>2023-03-15 07:38:01</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" target="_blank" href="/faq/377752.html" title="phpcn{$vo.title}">实例展示JS实现简单的选择题测评系统</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" target="_blank" href="/faq/377851.html" title="phpcn{$vo.title}">Java构建树形菜单（包括多级菜单）的实例代码</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" target="_blank" href="/faq/378766.html" title="phpcn{$vo.title}">总结整理VsCode插件</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" target="_blank" href="/faq/379000.html" title="phpcn{$vo.title}">有关JavaScript严格模式下this的指向问题详解</a> </div> <div>1970-01-01 08:00:00</div> </li> </ul> </div> <div class="wzconZzwz"> <div class="wzconZzwztitle">最新问题</div> <div class="wdsyContent"> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a target="_blank" href="/faq/1877409.html" target="_blank" title="火狐如何切换html5_火狐浏览器启用HTML5模式设置方法【浏览器切换】" class="wdcdcTitle">火狐如何切换html5_火狐浏览器启用HTML5模式设置方法【浏览器切换】</a> <a target="_blank" href="/faq/1877409.html" class="wdcdcCons">火狐浏览器需手动启用HTML5支持：一、在about:config中启用media.mediasource.enabled、webgl.enable-for-all-sites和dom.webaudio.enabled；二、禁用Flash插件并允许自动播放；三、开启WebComponents、H.264硬件解码等实验性特性；四、修改UA字符串声明HTML5就绪；五、删除mimeTypes.rdf等缓存文件并启用硬件加速。</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">2025-12-22 11:58:02</span> </div> <div class="wdcdciright flexRow"> <a target="_blank" class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">564</a> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a target="_blank" href="/faq/1877408.html" target="_blank" title="HTML如何接入外部API_数据交互实现步骤【方案】" class="wdcdcTitle">HTML如何接入外部API_数据交互实现步骤【方案】</a> <a target="_blank" href="/faq/1877408.html" class="wdcdcCons">需通过JavaScript发起HTTP请求获取外部API数据，具体包括：一、用fetchAPI发GET请求；二、用XMLHttpRequest手动请求；三、用JSONP跨域；四、用Axios库简化流程；五、配本地代理解决CORS。</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">2025-12-22 11:57:40</span> </div> <div class="wdcdciright flexRow"> <a target="_blank" class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">989</a> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a target="_blank" href="/faq/1877369.html" target="_blank" title="html如何引入别的html_引入其他HTML文件内容技术【方法必学】" class="wdcdcTitle">html如何引入别的html_引入其他HTML文件内容技术【方法必学】</a> <a target="_blank" href="/faq/1877369.html" class="wdcdcCons">可在HTML中嵌入另一HTML文件内容的方法有五种：一、iframe标签静态嵌入；二、fetchAPI动态加载；三、object标签嵌入；四、服务端包含（SSI）；五、ES6模块导入HTML模板字符串。</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">2025-12-22 11:50:03</span> </div> <div class="wdcdciright flexRow"> <a target="_blank" class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">181</a> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a target="_blank" href="/faq/1877367.html" target="_blank" title="HTML如何获取URL参数_GET请求处理技术【指南】" class="wdcdcTitle">HTML如何获取URL参数_GET请求处理技术【指南】</a> <a target="_blank" href="/faq/1877367.html" class="wdcdcCons">应使用URLSearchParams接口解析查询参数，它兼容现代浏览器且语法简洁；若需兼容老旧浏览器，则可手动分割字符串并解码；推荐封装为parseUrlParams()函数，并注意对键值进行decodeURIComponent解码及HTML转义以防XSS。</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">2025-12-22 11:49:20</span> </div> <div class="wdcdciright flexRow"> <a target="_blank" class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">685</a> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a target="_blank" href="/faq/1877364.html" target="_blank" title="html5能否设置搜索框输入类型限制_html5type属性与输入验证【方法】" class="wdcdcTitle">html5能否设置搜索框输入类型限制_html5type属性与输入验证【方法】</a> <a target="_blank" href="/faq/1877364.html" class="wdcdcCons">可通过HTML5原生属性与JavaScript结合约束搜索框输入：一、用type="email"/"tel"/"url"触发格式校验与键盘优化；二、pattern配合正则限定字符范围并自定义提示；三、inputmode控制虚拟键盘类型；四、JavaScript实时过滤非法字符；五、required/minlength/maxlength控制长度。</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">2025-12-22 11:48:54</span> </div> <div class="wdcdciright flexRow"> <a target="_blank" class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">872</a> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a target="_blank" href="/faq/1877332.html" target="_blank" title="html5怎么写弹窗_html5用window.alert或自定义div层写弹窗交互【方法】" class="wdcdcTitle">html5怎么写弹窗_html5用window.alert或自定义div层写弹窗交互【方法】</a> <a target="_blank" href="/faq/1877332.html" class="wdcdcCons">HTML5提供四种弹窗实现方式：一是window.alert原生阻塞式提示；二是自定义div+CSS+JS的可交互弹窗；三是结合CSS动画增强体验；四是语义化元素，支持showModal()和close()方法及backdrop定制。</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">2025-12-22 11:44:02</span> </div> <div class="wdcdciright flexRow"> <a target="_blank" class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">323</a> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a target="_blank" href="/faq/1877311.html" target="_blank" title="如何调制html_调整HTML页面样式与布局【样式】" class="wdcdcTitle">如何调制html_调整HTML页面样式与布局【样式】</a> <a target="_blank" href="/faq/1877311.html" class="wdcdcCons">应从内联样式、内部样式表、外部CSS文件、Flexbox布局和Grid布局五方面入手：一用style属性快速调试；二在head中嵌入style标签统一控制；三用link引入外部CSS文件实现复用；四以display:flex重构一维布局；五用display:grid实现二维网格划分。</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">2025-12-22 11:41:11</span> </div> <div class="wdcdciright flexRow"> <a target="_blank" class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">329</a> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a target="_blank" href="/faq/1877278.html" target="_blank" title="twaver html5怎么下载_Twaver官网下HTML5 SDK包解压引入项目使用【下载】" class="wdcdcTitle">twaver html5怎么下载_Twaver官网下HTML5 SDK包解压引入项目使用【下载】</a> <a target="_blank" href="/faq/1877278.html" class="wdcdcCons">需从官网下载TwaverHTML5SDK压缩包，依次完成访问官网下载、选择稳定版压缩包、解压并校验文件结构、通过script引入或npm安装五步操作。</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">2025-12-22 11:35:33</span> </div> <div class="wdcdciright flexRow"> <a target="_blank" class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">981</a> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a target="_blank" href="/faq/1877234.html" target="_blank" title="如何发送html5_通过邮件或网络发送HTML5内容【邮件】" class="wdcdcTitle">如何发送html5_通过邮件或网络发送HTML5内容【邮件】</a> <a target="_blank" href="/faq/1877234.html" class="wdcdcCons">推荐四种HTML5邮件发送方案：一、保存为本地文件作附件；二、内联样式脚本后以HTML正文发送；三、用Mailchimp等模板服务生成兼容邮件；四、生成静态截图加超链接分享。</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">2025-12-22 11:28:08</span> </div> <div class="wdcdciright flexRow"> <a target="_blank" class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">427</a> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a target="_blank" href="/faq/1876963.html" target="_blank" title="HTML如何规范书写代码_语义化标签使用规则【解析】" class="wdcdcTitle">HTML如何规范书写代码_语义化标签使用规则【解析】</a> <a target="_blank" href="/faq/1876963.html" class="wdcdcCons">HTML语义化书写需遵循五项规则：一、用替代div/span；二、h1–h6层级连续且唯一；三、img必设alt，音视频配track与aria-label；四、表单控件须用label显式关联并声明required/aria-invalid；五、ul/ol/dl严格区分类型且闭合嵌套。</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">2025-12-22 10:42:08</span> </div> <div class="wdcdciright flexRow"> <a target="_blank" class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">228</a> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> </div> </div> <div class="wzconZt" > <div class="wzczt-title"> <div>相关专题</div> <a target="_blank" href="/faq/zt" target="_blank">更多> </a> </div> <div class="wzcttlist"> <ul> <li class="ul-li"> <a target="_blank" target="_blank" href="/faq/zgyzkdcxrk"><img onerror="this.onerror=''; this.src='/static/images/default1.png'" src="https://img.php.cn/upload/subject/000/000/080/6948a845d4d3c772.png?x-oss-process=image/resize,m_fill,h_145,w_220" /> </a> <a target="_blank" target="_blank" href="/faq/zgyzkdcxrk" class="title-a-spanl"><span>中国邮政快递查询入口邮政快递快速查询方法</span> </a> </li> <li class="ul-li"> <a target="_blank" target="_blank" href="/faq/gowebsysstxkf"><img onerror="this.onerror=''; this.src='/static/images/default1.png'" src="https://img.php.cn/upload/subject/202512/22/2025122210000912042.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" /> </a> <a target="_blank" target="_blank" href="/faq/gowebsysstxkf" class="title-a-spanl"><span>Golang WebSocket与实时通信开发</span> </a> </li> <li class="ul-li"> <a target="_blank" target="_blank" href="/faq/cgxsfysjjg"><img onerror="this.onerror=''; this.src='/static/images/default1.png'" src="https://img.php.cn/upload/subject/202512/22/2025122209541271175.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" /> </a> <a target="_blank" target="_blank" href="/faq/cgxsfysjjg" class="title-a-spanl"><span>C++ 高效算法与数据结构</span> </a> </li> <li class="ul-li"> <a target="_blank" target="_blank" href="/faq/jncmxybfkz"><img onerror="this.onerror=''; this.src='/static/images/default1.png'" src="https://img.php.cn/upload/subject/202512/19/2025121912064929186.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" /> </a> <a target="_blank" target="_blank" href="/faq/jncmxybfkz" class="title-a-spanl"><span>Java 内存模型与并发控制</span> </a> </li> <li class="ul-li"> <a target="_blank" target="_blank" href="/faq/gzjjkfywfwjg"><img onerror="this.onerror=''; this.src='/static/images/default1.png'" src="https://img.php.cn/upload/subject/202512/18/2025121817473461940.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" /> </a> <a target="_blank" target="_blank" href="/faq/gzjjkfywfwjg" class="title-a-spanl"><span>Golang 中间件开发与微服务架构</span> </a> </li> <li class="ul-li"> <a target="_blank" target="_blank" href="/faq/cncglyznzz"><img onerror="this.onerror=''; this.src='/static/images/default1.png'" src="https://img.php.cn/upload/subject/202512/18/2025121817444598952.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" /> </a> <a target="_blank" target="_blank" href="/faq/cncglyznzz" class="title-a-spanl"><span>C++ 内存管理与智能指针</span> </a> </li> <li class="ul-li"> <a target="_blank" target="_blank" href="/faq/quxjg$csys"><img onerror="this.onerror=''; this.src='/static/images/default1.png'" src="https://img.php.cn/upload/subject/202512/17/2025121717472540270.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" /> </a> <a target="_blank" target="_blank" href="/faq/quxjg$csys" class="title-a-spanl"><span>^quxjg$c啥意思</span> </a> </li> <li class="ul-li"> <a target="_blank" target="_blank" href="/faq/dnxspbldszjyk"><img onerror="this.onerror=''; this.src='/static/images/default1.png'" src="https://img.php.cn/upload/subject/202512/17/2025121717385189523.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" /> </a> <a target="_blank" target="_blank" href="/faq/dnxspbldszjyk" class="title-a-spanl"><span>电脑显示屏不亮但是主机已开机</span> </a> </li> </ul> </div> </div> <div class="wzcongg"><script type="text/javascript" src="https://teacher.php.cn/php/NzIzNmE5NjBlOTgwNWZlNTMzN2E0MGEzNmU3NjM3NmI6Og==" ></script></div> </div> </div> <div class="phpwzright"> <div class="wzrOne" style="margin-bottom:31px; padding:0px; width: 366px;"> <script type="text/javascript" src="https://teacher.php.cn/php/N2Q0ODk3NTAwZTFmODQ1NGM4Y2VjYzQzZTVkOTI5NDk6Og==" ></script>  </div> <div class="wzrOne"> <div class="wzroTitle">热门推荐</div> <div class="wzroList"> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a target="_blank" style="height: auto;" href="/faq/1876718.html">HTML表格如何整体居中_对齐方案全解析【指南】</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a target="_blank" style="height: auto;" href="/faq/1875460.html">html如何全选_实现HTML页面内容全选功能【全选】</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a target="_blank" style="height: auto;" href="/faq/1875397.html">html如何转译_转译HTML特殊字符与符号【字符】</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a target="_blank" style="height: auto;" href="/faq/1875367.html">如何区分+html+和+html5_HTML与HTML5区分方法及版本对比技巧【详解】</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a target="_blank" style="height: auto;" href="/faq/1875326.html">mac 怎么使用html5_mac浏览器直接打开html5文件支持触控操作【使用】</a> </div> </li> </ul> </div> </div> <div class="wzrTwo"> </div> <div class="wzrTwo"> <div style="position: relative;"><a target="_blank" class="" href="https://teacher.php.cn/jump/67" title="开源免费商场系统" rel="nofollow" target="_blank"><img style="width: 100%; " src="https://img.php.cn/teacher/course/20220930/8ef7a4a308a22ece023e77e5428c0e25.png" alt="开源免费商场系统"></a><span style="position: absolute;right: 5px;border: 1px solid #333;padding: 2px;color: #333;line-height: 14px;font-size: 12px;bottom: 5px;">广告</span></div> </div> <div class="wzrThree"> <div class="wzrthree-title"> <div>热门教程</div> <a target="_blank" target="_blank" href="https://www.php.cn/k.html">更多> </a> </div> <div class="wzrthreelist"> <div class="wzrthreeTab"> <div class="check tabdiv" data-id="one">相关推荐 <div></div></div> <div class="tabdiv" data-id="two">热门推荐<div></div></div> <div class="tabdiv" data-id="three">最新课程<div></div></div> </div> <ul class="one"> <script type="text/javascript" src="https://teacher.php.cn/php/MTJjOWU0YjVmMmE1MzI1OTgyNzRlYmJmYjE0MmZkNWY6Og==" ></script> <li> <a target="_blank" target="_blank" href="/course/1694.html" title="CSS3 教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/090/68aee967a4940837.png" alt="CSS3 教程"/> </a> <div class="wzrthree-right"> <a target="_blank" target="_blank" href="/course/1694.html">CSS3 教程</a> <div class="wzrthreerb"> <div >38740次学习</div> <a target="_blank" class="courseICollection" data-id="1694"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" target="_blank" href="/course/1693.html" title="Rust 教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/090/68aee27297123615.jpg" alt="Rust 教程"/> </a> <div class="wzrthree-right"> <a target="_blank" target="_blank" href="/course/1693.html">Rust 教程</a> <div class="wzrthreerb"> <div >36877次学习</div> <a target="_blank" class="courseICollection" data-id="1693"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" target="_blank" href="/course/1691.html" title="PostgreSQL 教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/090/68a707263dce2298.jpeg" alt="PostgreSQL 教程"/> </a> <div class="wzrthree-right"> <a target="_blank" target="_blank" href="/course/1691.html">PostgreSQL 教程</a> <div class="wzrthreerb"> <div >57560次学习</div> <a target="_blank" class="courseICollection" data-id="1691"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> </ul> <ul class="two" style="display: none;"> <li> <a target="_blank" target="_blank" href="/course/1656.html" title="JavaScript ES5基础线上课程教学" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/081/6862652adafef801.png" alt="JavaScript ES5基础线上课程教学"/> </a> <div class="wzrthree-right"> <a target="_blank" target="_blank" href="/course/1656.html">JavaScript ES5基础线上课程教学</a> <div class="wzrthreerb"> <div >68781次学习</div> <a target="_blank" class="courseICollection" data-id="1656"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" target="_blank" href="/course/812.html" title="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)"/> </a> <div class="wzrthree-right"> <a target="_blank" target="_blank" href="/course/812.html">最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)</a> <div class="wzrthreerb"> <div >1503919次学习</div> <a target="_blank" class="courseICollection" data-id="812"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" target="_blank" href="/course/639.html" title="phpStudy极速入门视频教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62611ef88fcec821.jpg" alt="phpStudy极速入门视频教程"/> </a> <div class="wzrthree-right"> <a target="_blank" target="_blank" href="/course/639.html">phpStudy极速入门视频教程</a> <div class="wzrthreerb"> <div >532169次学习</div> <a target="_blank" class="courseICollection" data-id="639"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" target="_blank" href="/course/379.html" title="独孤九贱(4)_PHP视频教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/001/5d1c6dfc9eb09885.jpg" alt="独孤九贱(4)_PHP视频教程"/> </a> <div class="wzrthree-right"> <a target="_blank" target="_blank" href="/course/379.html">独孤九贱(4)_PHP视频教程</a> <div class="wzrthreerb"> <div >1257760次学习</div> <a target="_blank" class="courseICollection" data-id="379"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" target="_blank" href="/course/801.html" title="PHP实战天龙八部之仿爱奇艺电影网站" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/001/5d2426f409839992.jpg" alt="PHP实战天龙八部之仿爱奇艺电影网站"/> </a> <div class="wzrthree-right"> <a target="_blank" target="_blank" href="/course/801.html">PHP实战天龙八部之仿爱奇艺电影网站</a> <div class="wzrthreerb"> <div >773940次学习</div> <a target="_blank" class="courseICollection" data-id="801"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> </ul> <ul class="three" style="display: none;"> <li> <a target="_blank" target="_blank" href="/course/1696.html" title="最新Python教程从入门到精通" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/081/68c135bb72783194.png" alt="最新Python教程从入门到精通"/> </a> <div class="wzrthree-right"> <a target="_blank" target="_blank" href="/course/1696.html">最新Python教程从入门到精通</a> <div class="wzrthreerb"> <div >5393次学习</div> <a target="_blank" class="courseICollection" data-id="1696"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" target="_blank" href="/course/1656.html" title="JavaScript ES5基础线上课程教学" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/081/6862652adafef801.png" alt="JavaScript ES5基础线上课程教学"/> </a> <div class="wzrthree-right"> <a target="_blank" target="_blank" href="/course/1656.html">JavaScript ES5基础线上课程教学</a> <div class="wzrthreerb"> <div >68781次学习</div> <a target="_blank" class="courseICollection" data-id="1656"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" target="_blank" href="/course/1655.html" title="PHP新手语法线上课程教学" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/081/684a8c23d811b293.png" alt="PHP新手语法线上课程教学"/> </a> <div class="wzrthree-right"> <a target="_blank" target="_blank" href="/course/1655.html">PHP新手语法线上课程教学</a> <div class="wzrthreerb"> <div >7837次学习</div> <a target="_blank" class="courseICollection" data-id="1655"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" target="_blank" href="/course/1654.html" title="支付宝沙箱支付（个人也能用的支付）" class="wzrthreelaimg"> <img src="https://img.php.cn/teacher/course/20240819/172406094466c31510e008b.jpg" alt="支付宝沙箱支付（个人也能用的支付）"/> </a> <div class="wzrthree-right"> <a target="_blank" target="_blank" href="/course/1654.html">支付宝沙箱支付（个人也能用的支付）</a> <div class="wzrthreerb"> <div >5024次学习</div> <a target="_blank" class="courseICollection" data-id="1654"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" target="_blank" href="/course/1650.html" title="麻省理工大佬Python课程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/66592dcfeb1b4698.png" alt="麻省理工大佬Python课程"/> </a> <div class="wzrthree-right"> <a target="_blank" target="_blank" href="/course/1650.html">麻省理工大佬Python课程</a> <div class="wzrthreerb"> <div >46882次学习</div> <a target="_blank" class="courseICollection" data-id="1650"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> </ul> </div> <script> $('.wzrthreeTab>div').click(function(e){ $('.wzrthreeTab>div').removeClass('check') $(this).addClass('check') $('.wzrthreelist>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </div> <script> $(document).ready(function(){ var sjyx_banSwiper = new Swiper(".sjyx_banSwiperwz",{ speed:1000, autoplay:{ delay:3500, disableOnInteraction: false, }, pagination:{ el:'.sjyx_banSwiperwz .swiper-pagination', clickable :false, }, loop:true }); loading(); }) function loading(reloading=false){ if(reloading){ $("#ai_doubao2_3_wait_right").show(); $("#ai_doubao2_3_wait_left").show(); $("#doubao_error_right").hide(); $("#doubao_error_left").hide(); } $.ajax({ url:'/index.php/api/process?sign=&id=367599&time='+Date.now(), dataType:'json', async:true, headers: { "X-Requested-With": "XMLHttpRequest" // 标记为异步请求 }, type:'post', success:function(result){ if(result.code!=1){ $("#doubao_error_right").show(); $("#ai_doubao2_3_wait_right").hide(); $("#doubao_error_left").show(); $("#ai_doubao2_3_wait_left").hide(); }else{ $("#ai_doubao2_3_wait_right").hide(); $("#ai_doubao2_3_wait_left").hide(); let doubao_answer = `<p>`+result.data.content+`</p>`; $("#doubao_answer_right").html(doubao_answer); $("#doubao_answer_left").html(doubao_answer); let doubao_titles = ''; if(result.data.title){ $.each(result.data.title,function(k,v){ doubao_titles+=`<div class="ai_doubao2_2s"><a target="_blank" rel="nofollow" target="_blank" href="https://doubao.com/chat/new-thread?flow_tracking_source=360_php&channel=360_php_abstract&source=360_db_php_abstract&keywordid=`+"367599"+`&query=参考https://www.php.cn`+"/faq/367599.html的内容，"+encodeURIComponent(v)+`" title="`+v+`"><p><img src="/static/images/doubao_yellowstar.png" alt=""> `+v+`</p></a></div>`; }) } yigeyigezichulai(ai_doubao_titles_show,doubao_titles); } } }) } function ai_doubao_titles_show(str){ $("#ai_doubao_titles_right").html(str); $("#ai_doubao_titles_left").html(str); } function yigeyigezichulai(callback,str){ const textElements = document.querySelectorAll('.yigeyigezichulai p'); textElements.forEach(textElement => { const originalHTML = textElement.innerHTML; const tempDiv = document.createElement('div'); tempDiv.innerHTML = originalHTML; const fragments = []; Array.from(tempDiv.childNodes).forEach(node => { if (node.nodeType === Node.TEXT_NODE) { fragments.push(...node.textContent.split('')); } else { fragments.push(node.outerHTML); } }); textElement.innerHTML = ''; let index = 0; const interval = setInterval(() => { if (index < fragments.length) { const fragment = fragments[index]; if (fragment.startsWith('<')) { textElement.innerHTML += fragment; } else { textElement.innerHTML += fragment; } } else { clearInterval(interval); callback(str); } index++; }, 25); // 每 100 毫秒显示一个片段 }); } // 豆包等待动画 const containers = document.querySelectorAll('.ai_doubao2_3_wait') || []; if (containers.length > 0) { containers.forEach(container => { if (container && container.firstElementChild) { const intervalId = setInterval(() => { if (!container || !container.firstElementChild) { clearInterval(intervalId); return; } const firstChild = container.firstElementChild; container.appendChild(firstChild); }, 300); } }); } // AI总结相关功能 const aiZongjie = document.querySelector('.ai_zongjie'); const aiDoubao = document.querySelector('.ai_doubao'); const closeButton = document.querySelector('.ai_doubao1_R_img'); if (aiZongjie && aiDoubao && closeButton) { aiZongjie.addEventListener('click', () => { aiDoubao.style.display = 'block'; }); closeButton.addEventListener('click', () => { aiDoubao.style.display = 'none'; }); } // 文字动画效果 const textElements = document.querySelectorAll('.ai_doubao2_3s.ai_doubao2_3s_L p') || []; if (textElements.length > 0) { textElements.forEach(textElement => { if (!textElement) return; const originalHTML = textElement.innerHTML; const tempDiv = document.createElement('div'); tempDiv.innerHTML = originalHTML; const fragments = []; Array.from(tempDiv.childNodes).forEach(node => { if (!node) return; if (node.nodeType === Node.TEXT_NODE) { fragments.push(...(node.textContent || '').split('')); } else { fragments.push(node.outerHTML); } }); if (fragments.length === 0) return; textElement.innerHTML = ''; let index = 0; const interval = setInterval(() => { if (!textElement || index >= fragments.length) { clearInterval(interval); return; } const fragment = fragments[index]; if (fragment) { textElement.innerHTML += fragment; } index++; }, 100); }); } // 页面滚动监听相关 const divai_zongjie1 = document.getElementById('ai_zongjie1'); const divai_zongjie2 = document.getElementById('ai_zongjie2'); const divai_zongjie3 = document.getElementById('ai_zongjie3'); if (divai_zongjie2) { const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (!entry.isIntersecting && divai_zongjie1) { try { divai_zongjie1.style.display = 'flex'; requestAnimationFrame(() => { if (divai_zongjie1) { divai_zongjie1.classList.add('visible'); } }); } catch (e) { console.log('元素操作失败'); } } else if (divai_zongjie1) { try { divai_zongjie1.classList.remove('visible'); divai_zongjie1.addEventListener('transitionend', () => { if (divai_zongjie1 && !divai_zongjie1.classList.contains('visible')) { divai_zongjie1.style.display = 'none'; } }, { once: true }); if (divai_zongjie3 && divai_zongjie3.style) { divai_zongjie3.style.display = 'none'; } } catch (e) { console.log('元素操作失败'); } } }); }, { threshold: 0, rootMargin: '-90px 0px 0px 0px' }); try { observer.observe(divai_zongjie2); } catch (e) { console.log('观察器初始化失败'); } // 滚动事件处理 window.addEventListener('scroll', () => { const scrollY = window.scrollY || window.pageYOffset; if (divai_zongjie2) { try { divai_zongjie2.style.display = scrollY > 1000 ? 'none' : 'block'; } catch (e) { console.log('滚动处理失败'); } } }); } </script> <div class="wzrFour"> <div class="wzrfour-title"> <div>最新下载</div> <a target="_blank" href="/xiazai">更多> </a> </div> <div class="swiper-container sjyx_banSwiperwz"> <ul class="swiper-wrapper"> <li class="swiper-slide"> <a target="_blank" href="/xiazai/code/8587" target="_blank" title="新鲜有机肉类宣传网站模板"> <img src="https://img.php.cn/upload/webcode/000/000/005/173613957275112.jpg?x-oss-process=image/resize,m_fill,h_220,w_335" onerror="this.onerror='';this.src='/static/images/moren/morentu.png'" alt="新鲜有机肉类宣传网站模板"> </a> </li> <li class="swiper-slide"> <a target="_blank" href="/xiazai/code/8590" target="_blank" title="驾照考试驾校HTML5网站模板"> <img src="https://img.php.cn/upload/webcode/000/000/011/174954240445579.jpg?x-oss-process=image/resize,m_fill,h_220,w_335" onerror="this.onerror='';this.src='/static/images/moren/morentu.png'" alt="驾照考试驾校HTML5网站模板"> </a> </li> <li class="swiper-slide"> <a target="_blank" href="/xiazai/code/8588" target="_blank" title="HTML5房地产公司宣传网站模板"> <img src="https://img.php.cn/upload/webcode/000/000/018/173613957345012.jpg?x-oss-process=image/resize,m_fill,h_220,w_335" onerror="this.onerror='';this.src='/static/images/moren/morentu.png'" alt="HTML5房地产公司宣传网站模板"> </a> </li> <div class="clear"></div> </ul> <div class="swiper-pagination"></div> </div> <div class="wzrfourList"> <div class="wzrfourlTab"> <div class="check" data-id="onef">网站特效 <div></div></div> <div class="" data-id="twof">网站源码<div></div></div> <div class="" data-id="threef">网站素材<div></div></div> <div class="" data-id="fourf">前端模板<div></div></div> </div> <ul class="onef"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" target="_blank" title="jQuery点击文字滚动Scrollocue插件" href="/xiazai/js/8073">[文字特效] jQuery点击文字滚动Scrollocue插件</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" target="_blank" title="CSS3聚光灯下倒影文字特效" href="/xiazai/js/8072">[文字特效] CSS3聚光灯下倒影文字特效</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" target="_blank" title="jQuery企业留言表单联系代码" href="/xiazai/js/8071">[表单按钮] jQuery企业留言表单联系代码</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" target="_blank" title="HTML5 MP3音乐盒播放特效" href="/xiazai/js/8070">[播放器特效] HTML5 MP3音乐盒播放特效</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" target="_blank" title="HTML5炫酷粒子动画导航菜单特效" href="/xiazai/js/8069">[菜单导航] HTML5炫酷粒子动画导航菜单特效</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" target="_blank" title="jQuery可视化表单拖拽编辑代码" href="/xiazai/js/8068">[表单按钮] jQuery可视化表单拖拽编辑代码</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" target="_blank" title="VUE.JS仿酷狗音乐播放器代码" href="/xiazai/js/8067">[播放器特效] VUE.JS仿酷狗音乐播放器代码</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" target="_blank" title="经典html5推箱子小游戏" href="/xiazai/js/8066">[html5特效] 经典html5推箱子小游戏</a> </div> </li> </ul> <ul class="twof" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" href="/xiazai/code/11353" title="雅龙智能装备工业设备类WordPress主题1.0" target="_blank">[企业站源码] 雅龙智能装备工业设备类WordPress主题1.0</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" href="/xiazai/code/11352" title="威发卡自动发卡系统" target="_blank">[电商源码] 威发卡自动发卡系统</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" href="/xiazai/code/11351" title="卡密分发系统" target="_blank">[电商源码] 卡密分发系统</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" href="/xiazai/code/11350" title="中华陶瓷网" target="_blank">[电商源码] 中华陶瓷网</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" href="/xiazai/code/11349" title="简洁粉色食品公司网站" target="_blank">[电商源码] 简洁粉色食品公司网站</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" href="/xiazai/code/11348" title="极速网店系统" target="_blank">[电商源码] 极速网店系统</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" href="/xiazai/code/11347" title="淘宝妈妈_淘客推广系统" target="_blank">[电商源码] 淘宝妈妈_淘客推广系统</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" href="/xiazai/code/11346" title="积客B2SCMS商城系统" target="_blank">[电商源码] 积客B2SCMS商城系统</a> </div> </li> </ul> <ul class="threef" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" href="/xiazai/sucai/4114" target="_blank" title="极简线条香槟庆祝海报矢量模板">[网站素材] 极简线条香槟庆祝海报矢量模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" href="/xiazai/sucai/4113" target="_blank" title="手绘健身房运动器材矢量素材">[网站素材] 手绘健身房运动器材矢量素材</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" href="/xiazai/sucai/4112" target="_blank" title="色彩缤纷新鲜水果矢量素材">[网站素材] 色彩缤纷新鲜水果矢量素材</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" href="/xiazai/sucai/4111" target="_blank" title="复古美式早午餐海报矢量模板">[网站素材] 复古美式早午餐海报矢量模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" href="/xiazai/sucai/4110" target="_blank" title="卡通圣诞老人驯鹿圣诞矢量素材">[网站素材] 卡通圣诞老人驯鹿圣诞矢量素材</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" href="/xiazai/sucai/4109" target="_blank" title="圣诞新年快乐主题海报设计源文件下载">[网站素材] 圣诞新年快乐主题海报设计源文件下载</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" href="/xiazai/sucai/4108" target="_blank" title="手绘肉类海鲜食材合集矢量素材">[网站素材] 手绘肉类海鲜食材合集矢量素材</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" href="/xiazai/sucai/4107" target="_blank" title="国际癫痫日主题宣传海报模板设计下载">[网站素材] 国际癫痫日主题宣传海报模板设计下载</a> </div> </li> </ul> <ul class="fourf" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" href="/xiazai/code/8590" target="_blank" title="驾照考试驾校HTML5网站模板">[前端模板] 驾照考试驾校HTML5网站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" href="/xiazai/code/8589" target="_blank" title="驾照培训服务机构宣传网站模板">[前端模板] 驾照培训服务机构宣传网站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" href="/xiazai/code/8588" target="_blank" title="HTML5房地产公司宣传网站模板">[前端模板] HTML5房地产公司宣传网站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" href="/xiazai/code/8587" target="_blank" title="新鲜有机肉类宣传网站模板">[前端模板] 新鲜有机肉类宣传网站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" href="/xiazai/code/8586" target="_blank" title="响应式天气预报宣传网站模板">[前端模板] 响应式天气预报宣传网站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" href="/xiazai/code/8585" target="_blank" title="房屋建筑维修公司网站CSS模板">[前端模板] 房屋建筑维修公司网站CSS模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" href="/xiazai/code/8584" target="_blank" title="响应式志愿者服务网站模板">[前端模板] 响应式志愿者服务网站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" href="/xiazai/code/8583" target="_blank" title="创意T恤打印店网站HTML5模板">[前端模板] 创意T恤打印店网站HTML5模板</a> </div> </li> </ul> </div> <script> $('.wzrfourlTab>div').click(function(e){ $('.wzrfourlTab>div').removeClass('check') $(this).addClass('check') $('.wzrfourList>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </div> </div> </div>   <div class="phpFoot"> <div class="phpFootIn"> <div class="phpFootCont"> <div class="phpFootLeft"> <dl> <dt> <a target="_blank" href="/about/us.html" rel="nofollow" target="_blank" title="关于我们" class="cBlack">关于我们</a> <a target="_blank" href="/about/disclaimer.html" rel="nofollow" target="_blank" title="免责申明" class="cBlack">免责申明</a> <a target="_blank" href="/about/jbzx.html" rel="nofollow" target="_blank" title="举报中心" class="cBlack">举报中心</a> <a target="_blank" href="javascript:;" rel="nofollow" onclick="advice_data(99999999,'意见反馈')" title="意见反馈" class="cBlack">意见反馈</a> <a target="_blank" href="https://www.php.cn/teacher.html" rel="nofollow" target="_blank" title="讲师合作" class="cBlack">讲师合作</a> <a target="_blank" href="https://www.php.cn/blog/detail/20304.html" rel="nofollow" target="_blank" title="广告合作" class="cBlack">广告合作</a> <a target="_blank" href="/new/" target="_blank" title="最新文章列表" class="cBlack">最新更新</a> <div class="clear"></div> </dt> <dd class="cont1">php中文网：公益在线php培训，帮助PHP学习者快速成长！</dd> <dd class="cont2"> <span class="ylwTopBox"> <a target="_blank" href="javascript:;" class="cBlack"><b class="icon1"></b>关注服务号</a> <em style="display:none;" class="ylwTopSub"> <p>微信扫码<br/>关注PHP中文网服务号</p> <img src="/static/images/examples/text16.png"/> </em> </span> <span class="ylwTopBox"> <a target="_blank" href="tencent://message/?uin=27220243&Site=www.php.cn&Menu=yes" target="_blank" class="cBlack"><b class="icon2"></b>技术交流群</a> <em style="display:none;" class="ylwTopSub"> <p>QQ扫码<br/>加入技术交流群</p> <img src="/static/images/examples/text18.png"/> </em> </span> <div class="clear"></div> </dd> </dl> </div> <div class="phpFootRight"> <div class="phpFootMsg"> <span><img src="/static/images/examples/text17.png"/></span> <dl> <dt>PHP中文网订阅号</dt> <dd>每天精选资源文章推送</dd> </dl> </div> </div> </div> </div> <div class="phpFootCode"> <div class="phpFootCodeIn"><p>Copyright 2014-2025 <a target="_blank" href="https://www.php.cn/" target="_blank">https://www.php.cn/</a> All Rights Reserved | php.cn | <a target="_blank" href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">湘ICP备2023035733号</a></p><a target="_blank" href="http://www.beian.gov.cn/portal/index.do" rel="nofollow" target="_blank"><b></b></a></div> </div> </div> <input type="hidden" id="verifycode" value="/captcha.html"> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?c0e685c8743351838d2a7db1c49abd56"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script> <span class="layui-hide"><script type="text/javascript" src="https://s4.cnzz.com/z_stat.php?id=1280886301&web_id=1280886301"></script></span> <script src="/static/js/cdn.js?v=1.0.1"></script>  <script> $(function() { //直播倒计时 $(".liveitem").each(function(){ timer(this); }) function timer(obj){ var intDiff = $(obj).data("countdown"); window.setInterval(function(){ var day=0, hour=0, minute=0, second=0;//时间默认值 if(intDiff > 0){ day = Math.floor(intDiff / (60 * 60 * 24)); hour = Math.floor(intDiff / (60 * 60)) - (day * 24); minute = Math.floor(intDiff / 60) - (day * 24 * 60) - (hour * 60); second = Math.floor(intDiff) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60); }else{ $(obj).find(".phpZbktBg").remove(); return; } if (hour <= 9) hour = '0' + hour; if (minute <= 9) minute = '0' + minute; if (second <= 9) second = '0' + second; $(obj).find('.day_show').html(day+""); $(obj).find('.hour_show').html('<s id="h"></s>'+hour+''); $(obj).find('.minute_show').html('<s></s>'+minute+''); $(obj).find('.second_show').html('<s></s>'+second+''); intDiff--; }, 1000); } }); </script> <script type="text/javascript" src="/hitsUp?type=article&id=367599&time=1766378755"></script> <script src="/static/ueditor/third-party/SyntaxHighlighter/shCore.js?1766378755"></script> <script>article_status = "7";</script> <script type="text/javascript" src="/static/js/jquery.min.js"></script>  <input type="hidden" id="verifycode" value="/captcha.html"> <script src="/static/js/jquery.min.js"></script> <script src="/static/layui/layui.js"></script> <script src="/static/js/common_new.js?2.1" ></script> <script type="text/javascript" src="/static/js/global.min.js?5.5.33"></script> <script>var _hmt = _hmt || [];(function(){var hm = document.createElement("script");hm.src="//hm.baidu.com/hm.js?c0e685c8743351838d2a7db1c49abd56";var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm, s);})();(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> <script type="text/javascript" src="/static/js/jquery.cookie.js"></script> <script>var topadshow = $.cookie('phpcndatatopadshows');if(!topadshow&&1==2){$('.topimages').show();var topobj = $('.topimages').find('.time');var topobj_day = $('.topimages .time').find('.day');var topobj_hours = $('.topimages .time').find('.hours');var topobj_minutes = $('.topimages .time').find('.minutes');var topobj_second = $('.topimages .time').find('.second');var topday = parseInt(topobj_day.html());var tophours = parseInt(topobj_hours.html());var topminutes = parseInt(topobj_minutes.html());var topsecond = parseInt(topobj_second.html());setInterval(function(){if(topsecond > 0){topsecond = topsecond-1;}else{if(topminutes > 0){topminutes = topminutes-1;topsecond = 59;}else{if(tophours > 0){tophours = tophours-1;topminutes = 59;topsecond = 59;}else{if(topday > 0){topday = topday -1;tophours = 23;topminutes = 59;topsecond = 59;}else{topobj.html("<p><span>活动已结束</span></p>");}}}}topobj_second.html(topsecond);topobj_minutes.html(topminutes);topobj_hours.html(tophours);topobj_day.html(topday);},1000);}$('.topimages .layui-icon-close').click(function(){$.cookie('phpcndatatopadshows',1,{expires:7});$('.topimages').hide();});</script> <link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all'/> <script type='text/javascript' src='/static/js/viewer.min.js?1'></script> <script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script> <style> .content img{max-width:100%;} .copy-button { padding: 5px 10px; background-color: #666; border: none; color: #FFF; font-size: 12px; cursor: pointer; border-radius: 5px; position: relative; top: 33px; right: 5px; z-index: 99; float: right; } .copy-button:hover { background-color: #fc3930; } </style> <script> $(document).ready(function(){ $('#gongzhonghao').hover(function(){ $('#gzh').show(); },function(){ $('#gzh').hide(); }) }) </script> <script> layui.use(['jquery','layer'], function(){ $('.test-iframe-handle').click(function(){ layer.open({ type: 2, area: ['1300px', '750px'], content: 'https://www.php.cn/help/ask?q=%E5%8F%B2%E4%B8%8A%E6%9C%80%E5%85%A8%E7%9A%84%E6%A0%87%E7%AD%BE%E6%80%BB%E7%BB%93%E5%A4%A7%E5%85%A8', fixed: true, // 不固定 //maxmin: true, shadeClose: true, title:"智能小助手", btnAlign: 'c', yes: function(index, layero){ // 获取 iframe 的窗口对象 var iframeWin = window[layero.find('iframe')[0]['name']]; var elemMark = iframeWin.$('#mark'); // 获得 iframe 中某个输入框元素 var value = elemMark.val(); if($.trim(value) === '') return elemMark.focus(); // 显示获得的值 layer.msg('获得 iframe 中的输入框标记值：'+ value); } }); }) var is_login = "0"; var show = 0; var ceng = getCookie('ceng'); //文章下拉弹出登录 // if(is_login == 0 && !ceng) // { // window.onscroll = function(){ // var t = document.documentElement.scrollTop || document.body.scrollTop; // var top_div = document.getElementById( "top_div" ); // if( t >= 2500 && show == 0) { // show = 1 // setCookie('ceng',1,1); // $(document).trigger("api.loginpopbox"); // } // } // } //未登录复制显示登录按钮 if(is_login == 0 && false){ $(".code").hover(function(){ $(this).find('.contentsignin').show(); },function(){ $(this).find('.contentsignin').hide(); }); //不给复制 $('.code').bind("cut copy paste",function(e) { e.preventDefault(); }); $('.code .contentsignin').click(function(){ $(document).trigger("api.loginpopbox"); }) }else{ // 获取所有的 <pre> 元素 var preElements = document.querySelectorAll('pre'); preElements.forEach(function(preElement) { // 创建复制按钮 var copyButton = document.createElement('button'); copyButton.className = 'copy-button'; copyButton.textContent = '复制'; // 添加点击事件处理程序 copyButton.addEventListener('click', function() { // 获取当前按钮所属的 <pre> 元素中的文本内容 var textContent = preElement.textContent.trim(); // 创建一个临时 textarea 元素并设置其值为 <pre> 中的文本内容 var tempTextarea = document.createElement('textarea'); tempTextarea.value = textContent; // 将临时 textarea 添加到文档中 document.body.appendChild(tempTextarea); // 选中临时 textarea 中的文本内容并执行复制操作 tempTextarea.select(); document.execCommand('copy'); // 移除临时 textarea 元素 document.body.removeChild(tempTextarea); // 更新按钮文本为 "已复制" this.textContent = '已复制'; }); // 创建AI写代码按钮 var aiButton = document.createElement('button'); aiButton.className = 'copy-button'; aiButton.textContent = 'AI写代码'; aiButton.style.marginLeft = '5px'; aiButton.style.marginRight = '5px'; // 添加点击事件处理程序 aiButton.addEventListener('click', function() { // Generate a random number between 0 and 1 var randomChance = Math.random(); // If the random number is less than 0.5, open the first URL, else open the second if (randomChance < 0.5) { window.open('https://www.doubao.com/chat/coding?channel=php&source=hw_db_php', '_blank'); } else { window.open('https://click.aliyun.com/m/1000402709/', '_blank'); } }); // 将按钮添加到 <pre> 元素前面 preElement.parentNode.insertBefore(copyButton, preElement); preElement.parentNode.insertBefore(aiButton, preElement); }); } }) function setCookie(name,value,iDay){ //name相当于键，value相当于值，iDay为要设置的过期时间（天） var oDate = new Date(); oDate.setDate(oDate.getDate() + iDay); document.cookie = name + '=' + value + ';path=/;domain=.php.cn;expires=' + oDate; } function getCookie(name) { var cookieArr = document.cookie.split(";"); for(var i = 0; i < cookieArr.length; i++) { var cookiePair = cookieArr[i].split("="); if(name == cookiePair[0].trim()) { return decodeURIComponent(cookiePair[1]); } } return null; } function aiask(ask){ layer.open({ type: 2, area: ['1300px', '750px'], content: 'https://www.php.cn/help/ask?q='+encodeURIComponent(ask), fixed: true, // 不固定 //maxmin: true, shadeClose: true, title:"智能小助手", btnAlign: 'c', yes: function(index, layero){ // 获取 iframe 的窗口对象 var iframeWin = window[layero.find('iframe')[0]['name']]; var elemMark = iframeWin.$('#mark'); // 获得 iframe 中某个输入框元素 var value = elemMark.val(); if($.trim(value) === '') return elemMark.focus(); // 显示获得的值 layer.msg('获得 iframe 中的输入框标记值：'+ value); } }); } </script>    <style> .layui-fixbar{display: none;} </style> <div class="phpSdhBox" style="height:240px !important;"> <li> <div class="phpSdhIn"> <div class="phpSdhTitle"> <a href="/k24.html" target="_blank" class="hover" title="PHP学习"> <b class="icon1"></b> <p>PHP学习</p> </a> </div> </div> </li> <li> <div class="phpSdhIn"> <div class="phpSdhTitle"> <a href="https://www.php.cn/blog/detail/1047189.html" target="_blank"> <b class="icon2"></b> <p>技术支持</p> </a> </div> </div> </li> <li> <div class="phpSdhIn"> <div class="phpSdhTitle"> <a href="#"> <b class="icon6"></b> <p>返回顶部</p> </a> </div> </div> </li> </div>   <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="https://tongji.php.cn/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '7']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script>  <script> setCookie('is_article', 1, 1); </script> </body> </html>