HTML语言基本标签

2021-06-23 09:03

阅读：518

YPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">

标签：下标 scrolling 列表项支持 pac ble 效果 ESS textarea

创建一个HTML文档

设置文档标题以及其他不在WEB网页上显示的信息

设置文档的可见部分

标题标签

将文档的题目放在标题栏中

文档整体属性

设置背景颜色，使用名字或十六进制值

设置文本文字颜色，使用名字或十六进制值

设置链接颜色，使用名字或十六进制值

设置已使用的链接的颜色，使用名字或十六进制值

设置正在被击中的链接的颜色，使用名字或十六进制值

文本标签

创建预格式化文本

创建最大的标题

创建最小的标题

创建黑体字

创建斜体字

创建打字机风格的字体

创建一个引用，通常是斜体

加重一个单词（通常是斜体加黑体）

设置字体大小，从1到7

设置字体的颜色，使用名字或十六进制值

链接

创建一个超链接

创建一个自动发送电子邮件的链接 ....

创建一个位于文档内部的靶位

创建一个指向位于文档内部靶位的链接

格式排版

创建一个新的段落

将段落按左、中、右对齐

插入一个回车换行符

从两边缩进文本

创建一个定义列表

放在每个定义术语词之前

放在每个定义之前

创建一个标有数字的列表

放在每个数字列表项之前，并加上一个数字

创建一个标有圆点的列表

放在每个圆点列表项之前，并加上一个圆点

一个用来排版大块HTML段落的标签，也用于格式化表

图形元素

添加一个图像

排列对齐一个图像：左中右或上中下

设置围绕一个图像的边框的大小

加入一条水平线

设置水平线的大小（高度）

设置水平线的宽度（百分比或绝对像素点）

创建一个没有阴影的水平线

表格

创建一个表格

开始表格中的每一行

开始一行中的每一个格子

设置表格头：一个通常使用黑体居中文字的格子

表格属性

设置围绕表格的边框的宽度

设置表格格子之间空间的大小

设置表格格子边框与其内部内容之间空间的大小

设置表格的宽度－用绝对像素值或文档总宽度的百分比

设置表格格子的水平对齐（左中右）

or or

设置表格格子的垂直对齐（上中下）

设置一个表格格子应跨占的列数（缺省为1）

设置一个表格格子应跨占的行数（缺省为1）

禁止表格格子内的内容自动断行回卷

窗框

放在一个窗框文档的

标签之前，也可以嵌在其他窗框文档中

定义一个窗框内的行数，可以使用绝对像素值或高度的百分比

定义一个窗框内的列数，可以使用绝对像素值或宽度的百分比

定义一个窗框内的单一窗或窗区域

定义在不支持窗框的浏览器中显示什么提示

窗框属性

规定窗框内显示什么HTML文档

命名窗框或区域以便别的窗框可以指向它

定义窗框左右边缘的空白大小，必须大于等于1

定义窗框上下边缘的空白大小，必须大于等于1

设置窗框是否有滚动栏，其值可以是"yes","no","auto"，缺省时一般为"auto"

scrolling=VALUE>

禁止用户调整一个窗框的大小

表单

对于功能性的表单，一般需要运行一个CGI小程序，HTML仅仅是产生表单的表面样子。

创建所有表单

创建一个滚动菜单，size设置在需要滚动前可以看到的表单项数目

设置每个表单项的内容

创建一个下拉菜单

设置每个菜单项的内容

创建一个文本框区域，列的数目设置宽度，行的数目设置高度 <p>cols=40 rows=8></p>

创建一个复选框，文字在标签后面

创建一个单选框，文字在标签后面

创建一个单行文本输入区域，size设置以字符计的宽度

size=20>

创建一个submit（提交）按钮

创建一个使用图象的submit（提交）按钮

src="http://www.soscw.com/name.gif">

创建一个reset（重置）按钮

HTML标签大全

跑马灯

...普通卷动

...滑动

...预设卷动

...来回卷动

...向下卷动

...向上卷动

向右卷动

向左卷动

...卷动次数

...设定宽度

...设定高度

...设定背景颜色

...设定卷动距离

...设定卷动时间

字体效果

...

标题字(最大)

...

标题字(最小)

...粗体字

...粗体字(强调)

...斜体字

...斜体字(强调)

...斜体字(表示定义)

...底线

...底线(表示插入文字)

~~...~~横线

~~...~~删除线

~~...~~删除线(表示删除)

...键盘文字

... 打字体

...固定宽度字体(在文件中空白、换行、定位功能有效)

...</plaintext>固定宽度字体(不执行标记符号)</p> <p></p> <listing>...</listing> 固定宽度小字体 <p><font color="00ff00">...</font>字体颜色</p> <p><font size="1">...</font>最小字体</p> <p><font style="font-size:100" px>...</font>无限增大</p> <p><strong></strong><strong>区断标记</strong></p> <p></p> <hr>水平线 <p></p> <hr size="9">水平线(设定大小) <p></p> <hr width="80%">水平线(设定宽度) <p></p> <hr color="ff0000">水平线(设定颜色) <p><br>(换行)</p> <p><nobr>...</nobr>水域(不换行)</p> <p></p> <p>...</p>水域(段落) <p></p> <center>...</center>置中 <p><strong></strong><strong>连结格式</strong></p> <p><base href="%E5%9C%B0%E5%9D%80">(预设好连结路径)</p> <p>外部连结</p> <p>外部连结(另开新窗口)</p> <p>外部连结(全窗口连结)</p> <p>外部连结(在指定页框连结)</p> <p><strong></strong><strong>贴图</strong><strong>/</strong><strong>音乐</strong></p> <p><img src="http://soscw.com/upload/%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80">贴图</p> <p><img src="http://soscw.com/upload/%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80" width="180">设定图片宽度</p> <p><img src="http://soscw.com/upload/%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80" height="30">设定图片高度</p> <p><img src="http://soscw.com/upload/%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80" alt="提示文字">设定图片提示文字</p> <p><img src="http://soscw.com/upload/%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80" border="1">设定图片边框</p> <p><bgsound src="MID%E9%9F%B3%E4%B9%90%E6%96%87%E4%BB%B6%E5%9C%B0%E5%9D%80">背景音乐设定</bgsound></p> <p><strong></strong><strong>表格语法</strong></p> <p></p> <table aling="left">...</table>表格位置,置左 <p></p> <table aling="center">...</table>表格位置,置中 <p></p> <table background="图片路径">...</table>背景图片的URL=就是路径网址 <p></p> <table border="边框大小">...</table>设定表格边框大小(使用数字) <p></p> <table bgcolor="颜色码">...</table>设定表格的背景颜色 <p></p> <table borderclor="颜色码">...</table>设定表格边框的颜色 <p></p> <table borderclordark="颜色码">...</table>设定表格暗边框的颜色 <p></p> <table borderclorlight="颜色码">...</table>设定表格亮边框的颜色 <p></p> <table cellpadding="参数">...</table>指定内容与网格线之间的间距(使用数字) <p></p> <table cellspacing="参数">...</table>指定网格线与网格线之间的距离(使用数字) <p></p> <table cols="参数">...</table>指定表格的栏数 <p></p> <table frame="参数">...</table>设定表格外框线的显示方式 <p></p> <table width="宽度">...</table>指定表格的宽度大小(使用数字) <p></p> <table height="高度">...</table>指定表格的高度大小(使用数字) <p></p> <td colspan="参数">...</td>指定储存格合并栏的栏数(使用数字) <p></p> <td rowspan="参数">...</td>指定储存格合并列的列数(使用数字) <p><strong></strong><strong>分割窗口</strong></p> <p></p> <frameset cols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整 <p></p> <frameset rows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整 <p></p> <frameset cols="20%,*">分割左右两个框架 <p></p> <frameset cols="20%,*,20%">分割左中右三个框架 <p>分割上下两个框架</p> <p></p> <frameset rows="20%,*,20%">分割上中下三个框架 <p> 指定超级链接的分割窗口</p> <p> 指定锚名称的超级链接</p> <p> 指定超级链接</p> <p> 被连结点的名称</p> <p>.... 用来显示电子邮箱地址</p> <p><b> 粗体字</b></p> <p><base target> 指定超级链接的分割窗口</p> <p><basefont size> 更改预设字形大小</p> <p><bgsound src> 加入背景音乐</bgsound></p> <p><big> 显示大字体</big></p> <p><blink> 闪烁的文字</blink></p> <p></p> 设定文字颜色 <p></p> 显示本文 <p><br> 换行</p> <p></p> <caption align> 设定表格标题位置 <p></p> <caption>...</caption> 为表格加上标题 <p></p> <center> 向中对齐 <p><cite>...<cite> 用于引经据典的文字</cite></cite></p> <p><code>...</code> 用于列出一段程序代码</p> <p><comment>...</comment> 加上批注</p> <p></p> <dd> 设定定义列表的项目解说 <p><dfn>...</dfn> 显示"定义"文字</p> <p></p> <dir>...</dir> 列表文字卷标 <p></p> <dl>...</dl> 设定定义列表的卷标 <p></p> </dd> <dt> 设定定义列表的项目 <p><em> 强调之用</em></p> <p><font face> 任意指定所用的字形</font></p> <p><font size> 设定字体大小</font></p> <p></p> <form action> 设定户动式窗体的处理方式 <p></p> </form> <form method> 设定户动式窗体之资料传送方式 <p><frame marginheight> 设定窗口的上下边界</p> <p><frame marginwidth> 设定窗口的左右边界</p> <p><frame name> 为分割窗口命名</p> <p><frame noresize> 锁住分割窗口的大小</p> <p><frame scrolling> 设定分割窗口的滚动条</p> <p><frame src> 将HTML文件加入窗口</p> <p></p> <frameset cols> 将窗口分割成左右的子窗口 <p></p> <frameset rows> 将窗口分割成上下的子窗口 <p></p> <frameset>...</frameset> 划分分割窗口 <p></p> <h1>~<h6> 设定文字大小 </h6> </h1> <p></p> 标示文件信息 <p></p> <hr> 加上分网格线 <p> 文件的开始与结束</p> <p><i> 斜体字</i></p> <p><img align src="http://soscw.com/upload/"> 调整图形影像的位置</p> <p><img alt src="http://soscw.com/upload/"> 为你的图形影像加注</p> <p><img dynsrc loop src="http://soscw.com/upload/"> 加入影片</p> <p><img height width src="http://soscw.com/upload/"> 插入图片并预设图形大小</p> <p><img hspace src="http://soscw.com/upload/"> 插入图片并预设图形的左右边界</p> <p><img lowsrc src="http://soscw.com/upload/"> 预载图片功能</p> <p><img src="http://soscw.com/upload/" border> 设定图片边界</p> <p><img src="http://soscw.com/upload/"> 插入图片</p> <p><img vspace src="http://soscw.com/upload/"> 插入图片并预设图形的上下边界</p> <p><input type name value> 在窗体中加入输入字段</p> <p><isindex> 定义查询用窗体</p> <p><kbd>...</kbd> 表示使用者输入文字</p> <p></p> <li type>...</li> 列表的项目 ( 可指定符号 ) <p><marquee> 跑马灯效果</marquee></p> <p></p> <menu>...</menu> 条列文字卷标 <p><meta name="REFRESH" content url> 自动更新文件内容</p> <p><multiple> 可同时选择多项的列表栏</multiple></p> <p><noframe> 定义不出现分割窗口的文字</noframe></p> <p></p> <ol>...</ol> 有序号的列表 <p><option> 定义窗体中列表栏的项目</option></p> <p></p> <p align> 设定对齐方向</p> <p></p> <p> 分段</p> <p><person>...</person> 显示人名</p> <p></p> <pre> 使用原有排列 <p><samp>...</samp> 用于引用字</p> <p><select>...</select> 在窗体中定义列表栏</p> <p><small> 显示小字体</small></p> <p><strike> 文字加横线</strike></p> <p><strong> 用于加强语气</strong></p> <p><sub> 下标字</sub></p> <p><sup> 上标字</sup></p> <p></p></pre> <table border="n"> 调整表格的宽线高度 <p></p> <table cellpadding> 调整数据域位之边界 <p></p> <table cellspacing> 调整表格线的宽度  <p></p> <table height> 调整表格的高度  <p></p> <table width> 调整表格的宽度  <p></p> <table>...</table> 产生表格的卷标  <p></p> <td align> 调整表格字段之左右对齐  <p></p> </td> <td bgcolor> 设定表格字段之背景颜色  <p></p> </td> <td colspan rowspan> 表格字段的合并  <p></p> </td> <td nowrap> 设定表格字段不换行  <p></p> </td> <td valign> 调整表格字段之上下对齐  <p></p> </td> <td width> 调整表格字段宽度  <p></p> </td> <td>...</td> 定义表格的数据域位  <p><textarea name rows cols> 窗体中加入多少列的文字输入栏 </textarea></p> <p><textarea wrap> 决定文字输入栏是自动否换行</textarea></p> <p></p> <th>...</th> 定义表格的标头字段 <p></p> <title> 文件标题 <p></p> <tr>...</tr> 定义表格美一行  <p><tt> 打字机字体 </tt></p> <p><u> 文字加底线 </u></p> <p></p> <ul type>...</ul> 无序号的列表 ( 可指定符号 ) <p> </p> <p><var>...</var> 用于显示变量</p> <p>HTML语言基本标签</p> <p>标签：下标   scrolling   列表项   支持   pac   ble   效果   ESS   textarea   </p> <p>原文地址：https://www.cnblogs.com/ince/p/9674157.html</p> </title> </table> </table> </table> </table> </table> </frameset> </frameset> </form> </dt> </center> </caption> </frameset> </frameset> </frameset> </frameset> </frameset> </frameset> </frameset> </td> </tr> </table> </table> </table> </table> </div> </li> </dd></span> </body></html> </p> </div> <div style="width:640px; height:70px; margin:auto;"></div> <style> .prevnext{ border-bottom: dotted 2px #cdcdcd; overflow: hidden; width: 624px; margin-left: 61px;} .prevnext p{line-height:28px; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; width:364px; text-indent:6px;} .prevnext p span{font-weight:bold;} .prevnext p a{padding:0px !important;} </style> <div class="prevnext"> <p><span>上一篇：</span><a href="/essay/97731.html">django RESTful API</a></p> <p><span>下一篇：</span><a href="/essay/97733.html">php获取数组中的第一个(最后一个)元素</a></p> </div> <div class="copyright"> <div style="width:600px; float:left;"> 文章来自：<a href="/" target="_blank">搜素材网</a>的<a href="/essay.html" target="_blank">编程语言</a>模块，转载请注明文章出处。<br> 文章标题：<a href="http://soscw.com/essay/97732.html" target="_blank">HTML语言基本标签</a><br> 文章链接：http://soscw.com/essay/97732.html </div> </div> <div> <br><h3>评论</h3> <div class="comment-area" id="comments"> <hr> <div class="post" id="divCommentPost">亲，登录后才可以留言！</div> <hr> <div class="comments"> <ul class="pagination"> </ul> </div> </div> </div> </div> <div class="detail-sidebar"> <div class="essay_new"> <h3><i></i>热门文章</h3> <ul> <li> <a href="/essay/104152.html">自定义WPF窗体形状</a> </li> <li> <a href="/essay/102202.html">多继承c3算法与网路编程</a> </li> <li> <a href="/essay/88927.html">NET Core 3.0中的WPF</a> </li> <li> <a href="/essay/92954.html">&#128207;Python项目打包方法</a> </li> <li> <a href="/essay/88314.html">导航，头部，CSS基础</a> </li> <li> <a href="/essay/88374.html">导航，头部，CSS基础</a> </li> <li> <a href="/essay/42259.html">&lt;3&gt;Python开发——条件判断</a> </li> <li> <a href="/essay/22071.html">&lt;2014 04 29&gt; c/c++常用库总结</a> </li> <li> <a href="/essay/22174.html">&#39;telnet&#39; 不是内部或外部命令，也不是可运行的程序或批处理文件。</a> </li> <li> <a href="/essay/22840.html">&lt;&lt;&lt; html编码中js和html编码不一致导致乱码</a> </li> </ul> </div> <div class="article_hot"> <h3><i></i>推荐文章</h3> <ul> </ul> </div> <div class="article_like"> <h3><i></i>最新文章</h3> <ul> <li>  <a href="/essay/108422.html">Eclipse 发布web项目的注意点</a> </li> <li>  <a href="/essay/108421.html">实现Winform端窗体关闭后刷新html网页内容</a> </li> <li>  <a href="/essay/108420.html">WPF 10天修炼 - WPF布局容器</a> </li> <li>  <a href="/essay/108419.html">自己写的分页器，BOOTSTRAP+JQUERY（非完全版，后续完善）</a> </li> <li>  <a href="/essay/108418.html">WinSCP与Putty远程连接linux</a> </li> <li>  <a href="/essay/108417.html">C# 基础知识复习（一）</a> </li> <li>  <a href="/essay/108416.html">jQuery对象与DOM对象转换</a> </li> <li>  <a href="/essay/108415.html">windows学习记录----hello world与窗口创建</a> </li> <li>  <a href="/essay/108414.html">Linux下利用phpize安装memcashe的php源码扩展包</a> </li> <li>  <a href="/essay/108413.html">CSS3选择器 ::selection选择器</a> </li> </ul> </div> <div class="article_hot"> <h3><i></i>置顶文章</h3> <ul style="margin:-8px 0;"> </ul> </div> <div style="padding:20px; top:0;" id="divFixed"> </div> </div> </div> </div> <style> .pageturn{width:1400px; height:64px; position:fixed; top:50%; left:50%; margin-left:-700px; margin-top:-32px; z-index:1;} .pageturn>a.previouspage{width:64px; height:64px; display:block; float:left; background:url('https://images.dilidili.win/imgs/sourcezip/themes/fodder/public/assets/images/prevnext.png') left top no-repeat;} .pageturn>a.previouspage:hover{background:url('https://images.dilidili.win/imgs/sourcezip/themes/fodder/public/assets/images/prevnext.png') left bottom no-repeat;} .pageturn>a.nextpage{width:64px; height:64px; display:block; float:right; background:url('https://images.dilidili.win/imgs/sourcezip/themes/fodder/public/assets/images/prevnext.png') right top no-repeat;} .pageturn>a.nextpage:hover{background:url('https://images.dilidili.win/imgs/sourcezip/themes/fodder/public/assets/images/prevnext.png') right bottom no-repeat;} </style> <div class="pageturn"> <a class="previouspage" href="/essay/97731.html"></a> <a class="nextpage" href="/essay/97733.html"></a> </div> <div class="footer"> <div class="main"> <div class="footer_content"> <div class="footer_quick"> <a href="/portal/about/index.html" target="_blank">关于我们</a> | <a href="/portal/about/copyright.html" target="_blank">版权声明</a> | <a href="/portal/about/question.html" target="_blank">常见问题</a> | <a href="/portal/about/contribute.html" target="_blank">素材投稿</a> | <a href="/portal/about/contactUs.html" target="_blank">联系我们</a> | <a href="/portal/about/siteMap.html" target="_blank">网站地图</a> | </div> <div class="footer_mail">搜素材网素材除本站原创外均由用户分享，若发现权利被侵害，请联系及时联系我们，我们会在第一时间进行处理。</div> <div class="footer_mail"> 特别说明：本站所有资源除本站原创外仅供学习与参考，请勿用于商业用途,如有侵犯您的版权请联系客服服务QQ：<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2160159200&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:2392512168:51" alt="点击这里给我发消息" title="点击这里给我发消息"/></a> </a> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?88acc0069fab2dbbe8e287a90c1e3eb5"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> <script>(function(){ var src = (document.location.protocol == "http:") ? "http://js.passport.qihucdn.com/11.0.1.js?7a809e2fc95757dd0af994054f845937":"https://jspassport.ssl.qhimg.com/11.0.1.js?7a809e2fc95757dd0af994054f845937"; document.write('<script src="' + src + '" id="sozz"><\/script>'); })(); </script> </div> <div class="footer_copyright"> Copyright © 2024 soscw.com 搜素材网素材网版权所有 <a href="http://www.beian.miit.gov.cn">蜀ICP备18015633号-1</a><br> </div> </div> </div> </div>  <div id="top"> <div id="izl_rmenu" class="izl-rmenu"> <a href="tencent://Message/?Uin=2392512168 &websiteName=www.soscw.com=&Menu=yes" class="btn btn-qq"></a>         <div class="btn btn-fk" onclick="javascript:location.href='http://www.soscw.com/feedback'"></div> <div class="btn btn-top" style="display: none;"></div> </div> </div> <script type="text/javascript" src="https://images.dilidili.win/imgs/sourcezip/themes/fodder/public/assets/js/jquery-1.8.2.min.js"></script> <script src="/static/js/wind.js"></script> <script type="text/javascript" src="https://images.dilidili.win/imgs/sourcezip/themes/fodder/public/assets/js/common.js"></script> <script type="text/javascript" src="https://images.dilidili.win/imgs/sourcezip/themes/fodder/public/assets/js/bootstrap-collapse.js"></script> <script type="text/javascript" src="https://images.dilidili.win/imgs/sourcezip/themes/fodder/public/assets/js/jquery.royalslider.min.js"></script> <script type="text/javascript" src="https://images.dilidili.win/imgs/sourcezip/themes/fodder/public/assets/js/qrcode.js"></script> <script type="text/javascript" src="https://images.dilidili.win/imgs/sourcezip/themes/fodder/public/assets/js/bootstrap.js"></script> <script type="text/javascript" src="https://images.dilidili.win/imgs/sourcezip/themes/fodder/public/assets/js/toTop.js"></script> <script type="text/javascript" src="https://images.dilidili.win/imgs/sourcezip/themes/fodder/public/assets/js/login-register.js"></script> <script type="text/javascript" src="https://images.dilidili.win/imgs/sourcezip/themes/fodder/public/assets/js/jquery.bootstrap-autohidingnavbar.js"></script> <script type="text/javascript" src="https://images.dilidili.win/imgs/sourcezip/themes/fodder/public/assets/js/highlight.pack.js"></script> <script type="text/javascript" src="https://images.dilidili.win/imgs/sourcezip/themes/fodder/public/assets/js/search.js"></script> <script src="/static/js/frontend.js"></script> <script src="/static/js/layer/layer.js"></script> <script src="/static/js/ueditor/third-party/SyntaxHighlighter/shCore.js"></script> <script src="/static/js/referrerkill.js"></script> <script type="text/javascript"> SyntaxHighlighter.all(); </script>  <script> window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"32"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)]; jQuery(function() { //遍历所有的img元素，凡是QQ和微信引用的统统放到iframe里面 jQuery("div").find("img").each(function() { var img = jQuery(this); var img_src = img.attr("src"); if (img_src != undefined && img_src != '') { img_src = decodeURI(img_src); img_src = img_src.split("?")[0]; if (img_src.indexOf("jb51") > 0 || img_src.indexOf("qlogo.cn") > 0 || img_src.indexOf("qq.com") > 0) { var frameid = 'frameimg' + Math.random(); img.parent().append('<span id="' + frameid + '"></span>') img.remove(); document.getElementById(frameid).innerHTML = ReferrerKiller.imageHtml(img_src); } } }) }) $(function() { // 添加浏览 $('.show').live("click",function(){ var that = $(this); var id = that.attr("data-id"); $.ajax({ url : "/web/addview.html", type : "post", datatype: "json", data : { "id": id }, success : function(res){ if(res.status == 1){ window.open("http://www.soscw.com" + '/demoShow/' + res['id']); var viewNum = $(".viewNum span").text(); viewNum++; $(".viewNum span").text(viewNum); }else{ alert("connect error"); } } }); }); // 添加收藏 $('.canAddFav').live("click",function(){ var that = $(this); var id = that.attr("data-id"); $('.canAddFav').removeClass("canAddFav"); $.ajax({ url : "/portal/Article/doLike.html", type : "post", datatype: "json", data : { "id": id }, success : function(res){ if(res.status){ that.removeClass('addFav').addClass('unFav'); $('.unFav').addClass("canUnFav"); that.html("已收藏"); var likeNum = $(".likeNum span").html(); likeNum++; $(".likeNum span").html(likeNum); }else{ window.location.href = ("/user/login.html"); } } }); }); // 取消收藏 $('.canUnFav').live("click",function(){ var that = $(this); var id = that.attr("data-id"); $('.canUnFav').removeClass("canUnFav"); $.ajax({ url : "/web/unfav.html", type : "post", datatype: "json", data : { "id": id }, success : function(res){ if(res.status){ that.removeClass('unFav').addClass('addFav'); $('.addFav').addClass("canAddFav"); that.html("收藏"); var likeNum = $(".likeNum span").html(); likeNum--; $(".likeNum span").html(likeNum); }else{ window.open("/user/login.html"); } } }); }); }); </script> </body> </html>