Chinaunix首页 | 论坛 | 博客
  • 博客访问: 1864
  • 博文数量: 35
  • 博客积分: 0
  • 博客等级: 民兵
  • 技术积分: 425
  • 用 户 组: 普通用户
  • 注册时间: 2018-08-25 11:31
文章分类
文章存档

2018年(35)

我的朋友

分类: Html/Css

2018-09-21 09:43:07

超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。
您可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析
相对于整个网页,大模块 左边距离别写固定值,因为用户分辨率、电脑尺寸不一样
  :
HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言: HyperText Markup Language
HTML 不是一种编程语言,而是一种标记语言,标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
HTML 文档包含了HTML 标签及文本内容
HTML文档也叫做 web 页面
HTML; 包含很多因素;音乐,文字,链接,图片等 ----H5起手式  (写代码时注意浏览器兼容问题)
  :
声明为 HTML5 文档
元素是 HTML 页面的根元素
元素包含了文档的元(meta)数据
元素描述了文档的标题<br /> <body> 元素包含了可见的页面内容<br /> 开头HTML文档申明, meta 页面信息描述的标记 告诉计算机这是一个HTML文档,结尾也有HTML标志。body可见元素,head不可见元素,,title标题,utf-8国际通用编码  <br />   :<br /> HTML 元素语法:<br /> HTML 元素以开始标签起始<br /> HTML 元素以结束标签终止<br /> 元素的内容是开始标签与结束标签之间的内容<br /> 某些 HTML 元素具有空内容(empty content)<br /> 空元素在开始标签中进行关闭(以开始标签的结束而结束)<br /> 大多数 HTML 元素可拥有属性<br />   :<br /> HTML 属性:<br /> 属性值应该始终被包括在引号内<br /> 属性是 HTML 元素提供的附加信息。<br /> HTML 元素可以设置属性<br /> 属性可以在元素中添加附加信息<br /> 属性一般描述于开始标签<br /> http:/ /www.iis7.com/b/plc/<br /> 属性总是以名称/值对的形式出现,比如:name="value"<br /> 属性的作用就是为元素提供更多的信息,大多数元素都可以拥有属性<br /> 属性的语法;<标签 属性1=参数1>   注意空格的使用   <br /> HTML元素;开始到结束的所有代码。没有结束标签的就是单标签<br />   :<br /> HTML <head> 元素<br /> <head> 元素包含了所有的头部标签元素。在 <head>元素中你可以插入脚本(scripts), 样式文件(CSS),及各种meta信息。<br /> 可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>.<br /> <base> 标签描述了基本的链接地址/链接目标,该标签作为HTML文档中所有的链接标签的默认链接<br />   :<br /> meta标签描述了一些基本的元数据。<br /> <meta> 标签提供了元数据.元数据也不显示在页面上,但会被浏览器解析。<br /> META 元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者,和其他元数据。<br /> 元数据可以使用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他Web服务。<br /> <meta> 一般放置于 <head> 区域。<br /> 只有 <body> 区域 (白色部分) 才会在浏览器中显示。<br />    : <br /> HTML 标签:<br /> HTML 标记标签通常被称为 HTML 标签 (HTML tag)。<br /> HTML 标签是由尖括号包围的关键词,比如 <html><br /> HTML 标签通常是成对出现的,比如 <b> 和 </b><br /> 标签对中的第一个标签是开始标签,第二个标签是结束标签<br /> 开始和结束标签也被称为开放标签和闭合标签<br /> 开始标签常被称为起始标签(opening tag),结束标签常称为闭合标签(closing tag)。<br /> <h1>最大,h标签表示标题,会自动换行,直到<h6><br /> <p>  表示一个段落   会自动换行<br /> <hr> 标签在 HTML 页面中创建水平线 <br /> <b>元素;作用就是,加粗文字<br /> <strong>作用也是加粗文字<br /> <br>元素;换行<br /> <i>元素;文字倾斜<br /> <del>元素;文字删除线<br /> <em>元素作用是强调   实际作用也是让文字倾斜<br /> <s>元素 作用删除线  语义表示不准确的删除<br /> <u>元素 作用给文字加下划线<br /> <ins>元素 作用也是给文字下划线, 起到强调作用<br /> <small>元素 缩小字体<br /> <big>元素 放大字体<br /> <sub>表示下标<br /> <sup>表示上标<br /> <pre>元素 空行和空格进行控制<br /> <dfn>元素.表示定义术语 或者对一个词或短语的解释  实际效果就是倾斜文本<br /> <abbr>元素.一段文本的缩写 在文本显示上没有任何效果 如WTO<br /> <q>元素作用从语义上来看是引用其他地方的内容 实际作用就是给文本加上双引号<br /> <code>计算机输出<br /> <kbd>键盘输入<br /> <tt>打字机文本<br /> <samp>计算机代码样本<br /> <var>计算机变量<br /> <ruby>元素.作用表示文字上方或右方的注音符号,不常用   很多浏览器不支持此功能<br /> <cite>元素 作用语义上来看表示引用其他作品的标题    实际效果就是倾斜<br /> <bdo>元素 作用设置文字方向 必须使用dir属性才可以设置 共两个值     rtl、从右到左  ltr,从左到右  默认为ltr,tfel,ot <thgir> 是左到右就是ltr<br /> <mark>元素.作用突出文本 用于记号 实际作用就是加一个黄色背景<br /> <time>元素.作用从语义上来看就是表示时间和日期     2018-4-27<br /> <style>:样式  标记为属性使用<br /> <div>: 是独占一行的   它可以嵌套(包含)许多标签<br /> <span>:  元素也没有特定的含义,是内联元素,可用作文本的容器<br />  :<br /> 超链接:<br /> a href="地址"<br /> 不知道链接去哪用“#”表示  是空连接<br />   :<br /> img(图片):也可以放动图<br /> src:必要属性,制定图片来源路径,alt当图片无法显示时代替文字 <br /> width和height 指定图片的宽和高 单位是像素或百分比    <br /> 网络图片>看属性(地址)>输入地址<br /> 下载.图片地址+下载 <br /> 图片和html,在本地(我的电脑),相对路径<br /> 图片和网络地址是绝对路径<br /> 图像的名称和尺寸是以属性的形式提供的。<br />   :<br /> target属性有四个值:<br /> -self当前位置  当前页面关闭   <br /> -blank新窗口  不会关闭当前页面   <br /> -top最顶层框架  <br /> -parent父框架,返回它的上一层页面<br />   :<br /> ID属性:通用属性   可以理解为元素的身份证<br /> name:可以理解为元素的名字<br />   :<br /> <table></table>表格<br /> <tr></tr>行  valign="bottom"行中内容的中上下  top middle bottom<br /> <td></td>列  valign="top middle bottom"列中内容的中上下<br /> <th></th>字自动加粗<br /> cellpadding="#"文字到边框的距离  (全部网格的距离)<br /> cellspacing="#边框的间距"<br /> background="imgs"  jpg(背景图片)<br /> 标记具有就进原则<br /> colspan="列数"合并行<br /> rowspan="行数"合并列<br /> 注意 :行列都有合并 ,先列后行<br />   :<br /> 表单是一个包含表单元素的区域。<br /> 表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。<br /> 表单使用表单标签 <form> 来设置。<br /> 多数情况下被用到的表单标签是输入标签(<input>)。<br /> 输入类型是由类型属性(type)定义的。<br /> form:表单 可以直接输入文字  可分行<br /> <input type="text">文本输入框 :常用于:搜索框,用户名输入框<br /> <input type="password">密码文本输入框: 密码  输入时变成黑点<br /> <input type="button" value="按钮上的字" 按钮<br /> <input type="text" style="width: #"> 设置文本框宽度<br /> <input type="checkbox" name="vehicle"   复选<br /> <input type="radio" name="sex"  单选<br /> <input type="submit">提交按钮<br /> <input type="image" 图片按钮<br /> <input type="reset"重置 一定要有<form></form>才可以有效<br /> <textarea></textarea>   用户可书写文本区域<br /> maxlength 允许最大字符数<br /> <select> 下拉表单<br /> <option></option> 关于多种选择  例如城市<br />   :<br /> <Iframe>框架,定义一个内联的iframe。<br /> <rameborder> 属性用于定义iframe表示是否显示边框,设置属性值为 "0" 移除iframe的边框<br /> iframe可以显示一个目标链接的页面,目标链接的属性必须使用iframe的属性  如:iframe_a<br />   :<br /> HTML 颜色由红色、绿色、蓝色混合而成。<br /> HTML 颜色由一个十六进制符号来定义,这个符号由红色、绿色和蓝色的值组成(RGB)。<br /> 每种颜色的最小值是0(十六进制:#00)。最大值是255(十六进制:#FF)。<br />   :<br /> HTML 脚本:<br /> JavaScript 使 HTML 页面具有更强的动态和交互性。<br /> <script> 标签<br /> <script> 标签用于定义客户端脚本,比如 JavaScript。<br /> <script> 元素既可包含脚本语句,也可通过 src 属性指向外部脚本文件。<br /> JavaScript 最常用于图片操作、表单验证以及内容动态更新。<br /> <noscript> 标签<br /> <noscript> 标签提供无法使用脚本时的替代内容,比方在浏览器禁用脚本时,或浏览器不支持客户端脚本时。<br /> <noscript>元素可包含普通 HTML 页面的 body 元素中能够找到的所有元素。<br /> 只有在浏览器不支持脚本或者禁用脚本时,才会显示 <noscript> 元素中的内容<br />   :<br /> 字符实体:<br /> 空格:   <br /> < 小于号:< <<br /> > 大于号:> ><br /> & 和号:& &<br /> " 引号:" "<br /> ' 撇号:' (IE不支持) '<br /> ¢ 分:¢ ¢<br /> £ 镑:£ £<br /> ¥:人民币/日元 ¥ ¥<br /> ?:欧元 € €<br /> §:小节 § §<br /> ?:版权 © ©<br /> ?:注册商标 ® ®<br /> ?:商标 ™ ™<br /> ×:乘号 × ×<br /> ÷:除号 ÷ ÷<br />   :<br /> HTML 统一资源定位器(Uniform Resource Locators)<br /> URL 是一个网页地址。<br /> URL可以由字母组成,如"runoob.com",或互联网协议(IP)地址: 192.68.20.50。大多数人进入网站使用网站域名来访问,因为 名字比数字更容易记住。<br /> URL - 统一资源定位器<br /> Web浏览器通过URL从Web服务器请求页面。<br /> 当您点击 HTML 页面中的某个链接时,对应的 <a> 标签指向万维网上的一个地址。<br /> 一个统一资源定位器(URL) 用于定位万维网上的文档<br /> URL 字符编码<br /> URL 只能使用 ASCII 字符集.<br /> 来通过因特网进行发送。由于 URL 常常会包含 ASCII 集合之外的字符,URL 必须转换为有效的 ASCII 格式。<br /> URL 编码使用 "%" 其后跟随两位的十六进制数来替换非 ASCII 字符。<br /> URL 不能包含空格。URL 编码通常使用 + 来替换空格。<br /> scheme:定义因特网服务的类型。最常见的类型是 http。<br /> host:定义域主机(http 的默认主机是 www)。<br /> domain:定义因特网域名,比如 runoob.com。<br /> :port:定义主机上的端口号(http 的默认端口号是 80)。<br /> path:定义服务器上的路径(如果省略,则文档必须位于网站的根目录中)。<br /> filename:定义文档/资源的名称。<br /> 以下是一些URL scheme(方案):<br /> http:超文本传输协议 以 http:// 开头的普通网页。不加密。<br /> https:安全超文本传输协议 安全网页,加密所有信息交换。<br /> ftp:文件传输协议 用于将文件下载或上传至网站。<br /> file:您计算机上的文件。<br />   :  <br /> <ul>无序列表 ,自带左侧40px距离<br /> <ol>有序列表                       <br /> <li>   <br /> <dl>  <dt>  <dd>  自定义列表   dd是描述dt的元素,如图片描述。不可以插入块级元素。<br /> disc 定义圆点<br /> circle  定义圆圈<br /> square 定义正方形<br />  : <br /> cursor: pointer(鼠标经过时变成手的样子)<br /> rgba(1.红 2.绿 3.蓝 4.透明度)<br /> ctrl+f :查找与替换<br /> 2个汉字==4个英文字<br />   :<br /> HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本,添加图片,创建链接、输入表单、框架和表格等等,并可将之存为文本文件,浏览器即可读取和显示。<br /> HTML 的关键是标签,其作用是指示将出现的内容。<br />   :<br /> HTML - XHTML<br /> XHTML 是以 XML 格式编写的 HTML。<br /> 什么是 XHTML?<br /> XHTML 指的是可扩展超文本标记语言。<br /> XHTML 与 HTML 4.01 几乎是相同的。<br /> XHTML 是更严格更纯净的 HTML 版本。<br /> XHTML 是以 XML 应用的方式定义的 HTML。<br /> XHTML 是 2001 年 1 月发布的 W3C 推荐标准。<br /> XHTML 得到所有主流浏览器的支持。<br /> XML 是一种必须正确标记且格式良好的标记语言。<br />   :<br /> HTML 助手(插件)<br /> 辅助应用程序(helper application)是可由浏览器启动的程序。辅助应用程序也称为插件。<br /> 辅助程序可用于播放音频和视频(以及其他)。辅助程序是使用 <object> 标签来加载的。<br /> 使用辅助程序播放视频和音频的一个优势是,您能够允许用户来控制部分或全部播放设置。<br /> 插件可以通过 <object> 标签或者 <embed> 标签添加在页面中。 <br /> 大多数辅助应用程序允许对音量设置和播放功能(比如后退、暂停、停止和播放)的手工(或程序的)控制<br /> 我们可以使用 <video> 和 <audio> 标签来显示视频和音频<br /> <object> 元素:(关键:Data)<br /> <object> 元素定义了在 HTML 文档中嵌入的对象。<br /> 该标签用于插入对象 (例如在网页中嵌入 Java 小程序, PDF 阅读器, Flash 播放器) <br /> <embed> 元素 : (关键:src)<br /> <embed> 元素表示一个 HTML Embed 对象<br /> <embed> 元素没有关闭标签。 不能使用替代文<br /> <br /> <br /> </div> <!-- <div class="Blog_con3_1">管理员在2009年8月13日编辑了该文章文章。</div> --> <div class="Blog_con2_1 Blog_con3_2"> <div> <!--<img src="/image/default/tu_8.png">--> <!-- JiaThis Button BEGIN --> <div class="bdsharebuttonbox"><A class=bds_more href="#" data-cmd="more"></A><A class=bds_qzone title=分享到QQ空间 href="#" data-cmd="qzone"></A><A class=bds_tsina title=分享到新浪微博 href="#" data-cmd="tsina"></A><A class=bds_tqq title=分享到腾讯微博 href="#" data-cmd="tqq"></A><A class=bds_renren title=分享到人人网 href="#" data-cmd="renren"></A><A class=bds_weixin title=分享到微信 href="#" data-cmd="weixin"></A></div> <script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"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)];</script> <!-- JiaThis Button END --> </div> 阅读(19) | 评论(0) | 转发(0) | <div class="HT_line3"></div> </div> <div class="Blog_con3_3"> <div><span id='digg_num'>0</span><a href="javascript:void(0)" id='digg' bid='5790889' url='/blog/digg.html' ></a></div> <p>上一篇:<a href="/uid-31552074-id-5790601.html">CSS 指层叠样式表 (Cascading Style Sheets)</a></p> <p>下一篇:<a href="/uid-31552074-id-5790893.html">HTML5</a></p> </div> </div> <!-- <div class="Blog_con3_4 Blog_con3_5"> <div class="Blog_tit2 Blog_tit7">热门推荐</div> <ul> <li><a href="" title="" target='blank' ></a></li> </ul> </div> --> </div> </div> <div class="Blog_right1_7" id='replyList'> <div class="Blog_tit3">给主人留下些什么吧!~~</div> <!--暂无内容--> <!-- 评论分页--> <div class="Blog_right1_6 Blog_right1_12"> </div> <!-- 评论分页--> <div class="Blog_right1_10"> <div class="Blog_tit3">评论热议</div> <!--未登录 --> <div class="Blog_right1_8"> <div class="nologin_con1"> 请登录后评论。 <p><a href="/site/login.html" onclick="linkto()">登录</a> <a href="http://u.it168.com/Register?webid=5&returnUrl=http://blog.chinaunix.net/">注册</a></p> </div> </div> </div> <div style="text-align:center;margin-top:10px;"> <script type="text/javascript" smua="d=p&s=b&u=u3118759&w=960&h=90" src="//www.nkscdn.com/smu0/o.js"></script> </div> </div> </div> </div> <input type='hidden' id='report_url' value='/blog/ViewReport.html' /> <script type="text/javascript"> //测试字符串的长度 一个汉字算2个字节 function mb_strlen(str) { var len=str.length; var totalCount=0; for(var i=0;i<len;i++) { var c = str.charCodeAt(i); if ((c >= 0x0001 && c <= 0x007e) || (0xff60<=c && c<=0xff9f)) { totalCount++; }else{ totalCount+=2; } } return totalCount; } /* var Util = {}; Util.calWbText = function (text, max){ if(max === undefined) max = 500; var cLen=0; var matcher = text.match(/[^\x00-\xff]/g), wlen = (matcher && matcher.length) || 0; //匹配url链接正则 http://*** var pattern = /http:\/\/([\w-]+\.)+[\w-]+(\/*[\w-\.\/\?%&=][^\s^\u4e00-\u9fa5]*)?/gi; //匹配的数据存入数组 var arrPt = new Array(); var i = 0; while((result = pattern.exec(text)) != null){ arrPt[i] = result[0]; i++; } //替换掉原文本中的链接 for(var j = 0;j<arrPt.length;j++){ text = text.replace(arrPt[j],""); } //减掉链接所占的长度 return Math.floor((max*2 - text.length - wlen)/2 - 12*i); }; */ var allowComment = '0'; //举报弹出层 function showJuBao(url, cid){ $.cover(false); asyncbox.open({ id : 'report_thickbox', url : url, title : '举报违规', width : 378, height : 240, scroll : 'no', data : { 'cid' : cid, 'idtype' : 2 , 'blogurl' : window.location.href }, callback : function(action){ if(action == 'close'){ $.cover(false); } } }); } $(function(){ //创建管理员删除的弹出层 $('#admin_article_del').click(function(){ $.cover(false); asyncbox.open({ id : 'class_thickbox', html : '<div class="HT_layer3_1"><ul><li class="HT_li1">操作原因:<select class="HT_sel7" id="del_type" name="del_type"><option value="广告文章">广告文章</option><option value="违规内容">违规内容</option><option value="标题不明">标题不明</option><option value="文不对题">文不对题</option></select></li><li class="HT_li1" ><input class="HT_btn4" id="admin_delete" type="button" /></li></ul></div>', title : '选择类型', width : 300, height : 150, scroll : 'no', callback : function(action){ if(action == 'close'){ $.cover(false); } } }); }); $('#admin_delete').live('click' , function(){ ///blog/logicdel/id/3480184/url/%252Fblog%252Findex.html.html var type = $('#del_type').val(); var url = '/blog/logicdel/id/5790889/url/%252Fuid%252F31552074.html.html'; window.location.href= url + '?type=' + type; }); //顶 js中暂未添加&过滤 $('#digg').live('click' , function(){ if(isOnLine == '' ) { //showErrorMsg('登录之后才能进行此操作' , '消息提示'); showErrorMsg('操作失败,您需要先登录!', '消息提示', '/site/login.html'); return false; } var bid = $('#digg').attr('bid'); var url = $('#digg').attr('url'); var digg_str = $.cookie('digg_id'); if(digg_str != null) { var arr= new Array(); //定义一数组 arr = digg_str.split(","); //字符分割 for( i=0 ; i < arr.length ; i++ ) { if(bid == arr[i]) { showErrorMsg('已经赞过该文章', '消息提示'); return false; } } } $.ajax({ type:"POST", url:url, data: { 'bid' : bid }, dataType: 'json', success:function(msg){ if(msg.error == 0) { var num = parseInt($('#digg_num').html(),10); num += 1; $('#digg_num').html(num); $('#digg').die(); if(digg_str == null) { $.cookie('digg_id', bid, {expires: 30 , path: '/'}); } else { $.cookie('digg_id', digg_str + ',' + bid, {expires: 30 , path: '/'}); } showSucceedMsg('谢谢' , '消息提示'); } else if(msg.error == 1) { //showErrorMsg(msg.error_content , '消息提示'); showErrorMsg('操作失败,您需要先登录!', '消息提示', '/site/login.html'); } else if(msg.error == 2) { showErrorMsg(msg.error_content , '消息提示'); } } }); }); //举报弹出层 /*$('.box_report').live('click' , function(){ if(isOnLine == '' ) { //showErrorMsg('登录之后才能进行此操作' , '消息提示'); showErrorMsg('操作失败,您需要先登录!', '消息提示', '/site/login.html'); return false; } var url = $('#report_url').val(); var cid = $(this).attr('cid'); $.cover(false); asyncbox.open({ id : 'report_thickbox', url : url, title : '举报违规', width : 378, height : 240, scroll : 'no', data : { 'cid' : cid, 'idtype' : 2 }, callback : function(action){ if(action == 'close'){ $.cover(false); } } }); });*/ //评论相关代码 //点击回复显示评论框 $('.Blog_a10').live('click' , function(){ if(isOnLine == '' ) { //showErrorMsg('登录之后才能进行此操作' , '消息提示'); showErrorMsg('操作失败,您需要先登录!', '消息提示', '/site/login.html'); return false; } if(allowComment == 1) { showErrorMsg('该博文不允许评论' , '消息提示'); return false; } var tid = $(this).attr('toid');//留言作者id var bid = $(this).attr('bid');//blogid var cid = $(this).attr('cid');//留言id var tname = $(this).attr('tname'); var tpl = '<div class="Blog_right1_9">'; tpl += '<div class="div2">'; tpl += '<textarea name="" cols="" rows="" class="Blog_ar1_1" id="rmsg">文明上网,理性发言...</textarea>'; tpl += '</div>'; tpl += '<div class="div3">'; tpl += '<div class="div3_2"><a href="javascript:void(0);" class="Blog_a11" id="quota_sbumit" url="/Comment/PostComment.html" tid="'+tid+'" bid="'+bid+'" cid="'+cid+'" tname="'+tname+'" ></a><a href="javascript:void(0)" id="qx_comment" class="Blog_a12"></a></div>'; tpl += '<div class="div3_1"><a href="javascript:void(0);" id="mface"><span></span>表情</a></div>'; tpl += '<div class="clear"></div>'; tpl += '</div>'; tpl += '</div>'; $('.z_move_comment').html(''); $(this).parents('.Blog_right1_8').find('.z_move_comment').html(tpl).show(); }); //引用的评论提交 $('#quota_sbumit').live('click' , function(){ if(isOnLine == '' ) { //showErrorMsg('登录之后才能进行此操作' , '消息提示'); showErrorMsg('操作失败,您需要先登录!', '消息提示', '/site/login.html'); return false; } var bid = $(this).attr('bid'); var tid = $(this).attr('tid');//被引用人的id var qid = $(this).attr('cid');//引用的id var url = $(this).attr('url'); var text = $('#rmsg').val(); var tname = $(this).attr('tname'); if(text == '' || text=='文明上网,理性发言...') { showErrorMsg('评论内容不能为空!' , '消息提示'); return false; } else { if(mb_strlen(text) > 1000){ showErrorMsg('评论内容不能超过500个汉字' , '消息提示'); return false; } } $.ajax({ type: "post", url: url , data: {'bid': bid , 'to' : tid , 'qid' : qid , 'text': text , 'tname' : tname }, dataType: 'json', success: function(data){ if(data.code == 1){ var tpl = '<div class="Blog_right1_8">'; tpl+= '<div class="Blog_right_img1"><a href="' +data.info.url+ '" >' + data.info.header + '</a></div>'; tpl+= '<div class="Blog_right_font1">'; tpl+= '<p class="Blog_p5"><span><a href="' +data.info.url+ '" >' + data.info.username + '</a></span>' + data.info.dateline + '</p>'; tpl+= '<p class="Blog_p7"><a href="' + data.info.quota.url + '">' + data.info.quota.username + '</a>:'+ data.info.quota.content + '</p>'; tpl+= '<p class="Blog_p8">' + data.info.content + '</p><span class="span_text1"><a href="javascript:void(0);" class="Blog_a10" toid=' + data.info.fuid + ' bid=' + data.info.bid + ' cid=' + data.info.cid + ' tname = ' + data.info.username + ' >回复</a> |  <a class="comment_del_mark" style="cursor:pointer" url="' + data.info.delurl + '" >删除</a> |  <a href="javascript:showJuBao(\'/blog/ViewReport.html\','+data.info.cid+')" class="box_report" cid="' + data.info.cid + '" >举报</a></span></div>'; tpl+= '<div class="z_move_comment" style="display:none"></div>'; tpl+= '<div class="Blog_line1"></div></div>'; $('#replyList .Blog_right1_8:first').before(tpl); $('.z_move_comment').html('').hide(); } else if(data.code == -1){ //showErrorMsg(data.info , '消息提示'); showErrorMsg('操作失败,您需要先登录!', '消息提示', '/site/login.html'); } }, error: function(){//请求出错处理 } }); }); //底部发表评论 $('#submitmsg').click(function(){ if(allowComment == 1) { showErrorMsg('该博文不允许评论' , '消息提示'); return false; } var bid = $(this).attr('bid'); var toid = $(this).attr('toid'); var text = $('#reply').val(); var url = $(this).attr('url'); if(text == '' || text=='文明上网,理性发言...') { showErrorMsg('评论内容不能为空!' , '消息提示'); return false; } else { if(mb_strlen(text) > 1000){ showErrorMsg('评论内容不能超过500个汉字' , '消息提示'); return false; } } $.ajax({ type: "post", url: url , data: {'bid': bid , 'to' : toid ,'text': text}, dataType: 'json', success: function(data){ if(data.code == 1) { var tpl = '<div class="Blog_right1_8">'; tpl += '<div class="Blog_right_img1"><a href="' +data.info.url+ '" >' + data.info.header + '</a></div>'; tpl += '<div class="Blog_right_font1">'; tpl += '<p class="Blog_p5"><span><a href="' +data.info.url+ '" >' + data.info.username + '</a></span>' + data.info.dateline + '</p>'; tpl += '<p class="Blog_p6">' + data.info.content + '</p>'; tpl += '<div class="div1"><a href="javascript:void(0);" class="Blog_a10" toid=' + data.info.fuid + ' bid=' + data.info.bid + ' cid=' + data.info.cid + '>回复</a> |  <a class="comment_del_mark" style="cursor:pointer" url="' + data.info.delurl + '">删除</a> |  <a href="javascript:showJuBao(\'/blog/ViewReport.html\','+data.info.cid+')" class="box_report" cid="' + data.info.cid + '">举报</a></div>'; tpl += '<div class="z_move_comment" style="display:none"></div>'; tpl += '</div><div class="Blog_line1"></div></div>'; $('.Blog_tit3:first').after(tpl); $('#reply').val('文明上网,理性发言...'); } else if(data.code == -1) { showErrorMsg(data.info , '消息提示'); } }, error: function(){//请求出错处理 } }); }); //底部评论重置 $('#reset_comment').click(function(){ $('#reply').val('文明上网,理性发言...'); }); //取消回复 $('#qx_comment').live('click' , function(){ $('.z_move_comment').html('').hide(); }); $('#rmsg, #reply').live({ focus:function(){ if($(this).val() == '文明上网,理性发言...'){ $(this).val(''); } }, blur:function(){ if($(this).val() == ''){ $(this).val('文明上网,理性发言...'); } } }); //删除留言确认 $('.comment_del_mark').live('click' , function(){ var url = $(this).attr('url'); asyncbox.confirm('删除留言','确认', function(action){ if(action == 'ok') { location.href = url; } }); }); //删除时间确认 $('.del_article_id').click(function(){ var delurl = $(this).attr('delurl'); asyncbox.confirm('删除文章','确认', function(action){ if(action == 'ok') { location.href = delurl; } }); }); /* //字数限制 $('#rmsg, #reply').live('keyup', function(){ var id = $(this).attr('id'); var left = Util.calWbText($(this).val(), 500); var eid = '#errmsg'; if(id == 'reply') eid = '#rerrmsg'; if (left >= 0) $(eid).html('您还可以输入<span>' + left + '</span>字'); else $(eid).html('<font color="red">您已超出<span>' + Math.abs(left) + '</span>字 </font>'); }); */ //加载表情 $('#face').qqFace({id : 'facebox1', assign : 'reply', path : '/image/qqface/'}); $('#mface').qqFace({id : 'facebox', assign : 'rmsg', path:'/image/qqface/'}); /* $('#class_one_id').change(function(){ alert(123213); var id = parseInt($(this).val() , 10); if(id == 0) return false; $('.hidden_son_class span').each(function( index , dom ){ if( dom.attr('cid') == id ) { } }); }); */ //转载文章 var turn_url = "/blog/viewClassPart.html"; $('#repost_bar').click(function(){ if(isOnLine == '' ) { //showErrorMsg('登录之后才能进行此操作' , '消息提示'); showErrorMsg('操作失败,您需要先登录!', '消息提示', '/site/login.html'); return false; } var id = $(this).attr('bid'); asyncbox.open({ id : 'turn_class_thickbox', url : turn_url, title : '转载文章', width : 330, height : 131, scroll : 'no', data : { 'id' : id }, callback : function(action){ if(action == 'close'){ $.cover(false); } } }); }); /* //转发文章 $('#repost_bar').live('click' , function(){ if(isOnLine == '' ) { //showErrorMsg('登录之后才能进行此操作' , '消息提示'); showErrorMsg('操作失败,您需要先登录!', '消息提示', '/site/login.html'); return false; } var bid = $(this).attr('bid'); var url = $(this).attr('url'); asyncbox.confirm('转载文章','确认', function(action){ if(action == 'ok'){ $.ajax({ type:"POST", url:url, data: { 'bid' : bid }, dataType: 'json', success:function(msg){ if(msg.error == 0){ showSucceedMsg('转发成功!', '消息提示'); }else if(msg.error == 1){ //location.href = '/index.php?r=site/login'; showErrorMsg('操作失败,您需要先登录!', '消息提示', '/site/login.html'); }else{ showErrorMsg(msg.error_content, '消息提示'); } } }); } }); }); */ }); </script> <!--该部分应该放在输出代码块的后面才起作用 --> <script type="text/javascript"> SyntaxHighlighter.autoloader( 'applescript /highlight/scripts/shBrushAppleScript.js', 'actionscript3 as3 /highlight/scripts/shBrushAS3.js', 'bash shell /highlight/scripts/shBrushBash.js', 'coldfusion cf /highlight/scripts/shBrushColdFusion.js', 'cpp c /highlight/scripts/shBrushCpp.js', 'c# c-sharp csharp /highlight/scripts/shBrushCSharp.js', 'css /highlight/scripts/shBrushCss.js', 'delphi pascal /highlight/scripts/shBrushDelphi.js', 'diff patch pas /highlight/scripts/shBrushDiff.js', 'erl erlang /highlight/scripts/shBrushErlang.js', 'groovy /highlight/scripts/shBrushGroovy.js', 'java /highlight/scripts/shBrushJava.js', 'jfx javafx /highlight/scripts/shBrushJavaFX.js', 'js jscript javascript /highlight/scripts/shBrushJScript.js', 'perl pl /highlight/scripts/shBrushPerl.js', 'php /highlight/scripts/shBrushPhp.js', 'text plain /highlight/scripts/shBrushPlain.js', 'py python /highlight/scripts/shBrushPython.js', 'ruby rails ror rb /highlight/scripts/shBrushRuby.js', 'scala /highlight/scripts/shBrushScala.js', 'sql /highlight/scripts/shBrushSql.js', 'vb vbnet /highlight/scripts/shBrushVb.js', 'xml xhtml xslt html /highlight/scripts/shBrushXml.js' ); SyntaxHighlighter.all(); function code_hide(id){ var code = document.getElementById(id).style.display; if(code == 'none'){ document.getElementById(id).style.display = 'block'; }else{ document.getElementById(id).style.display = 'none'; } } </script> <!--回顶部js2011.12.30--> <script language="javascript"> lastScrollY=0; function heartBeat(){ var diffY; if (document.documentElement && document.documentElement.scrollTop) diffY = document.documentElement.scrollTop; else if (document.body) diffY = document.body.scrollTop else {/*Netscape stuff*/} percent=.1*(diffY-lastScrollY); if(percent>0)percent=Math.ceil(percent); else percent=Math.floor(percent); document.getElementById("full").style.top=parseInt(document.getElementById("full").style.top)+percent+"px"; lastScrollY=lastScrollY+percent; if(lastScrollY<200) { document.getElementById("full").style.display="none"; } else { document.getElementById("full").style.display="block"; } } var gkuan=document.body.clientWidth; var ks=(gkuan-960)/2-30; suspendcode="<div id=\"full\" style='right:-30px;POSITION:absolute;TOP:500px;z-index:100;width:26px; height:86px;cursor:pointer;'><a href=\"javascript:void(0)\" onclick=\"window.scrollTo(0,0);\"><img src=\"\/image\/top.png\" /></a></div>" document.write(suspendcode); window.setInterval("heartBeat()",1); </script> <!-- footer --> <div class="Blog_footer" style='clear:both'> <div><a href="http://www.chinaunix.net/about/index.shtml" target="_blank" rel="nofollow">关于我们</a> | <a href="http://www.it168.com/bottomfile/it168.shtml" target="_blank" rel="nofollow">关于IT168</a> | <a href="http://www.chinaunix.net/about/connect.html" target="_blank" rel="nofollow">联系方式</a> | <a href="http://www.chinaunix.net/about/service.html" target="_blank" rel="nofollow">广告合作</a> | <a href="http://www.it168.com//bottomfile/flgw/fl.htm" target="_blank" rel="nofollow">法律声明</a> | <a href="http://sso.chinaunix.net/Register?return_url=http%3A%2F%2Fblog.chinaunix.net%2F " target="_blank" rel="nofollow">免费注册</a> <p>Copyright 2001-2010 ChinaUnix.net All Rights Reserved 北京皓辰网域网络信息技术有限公司. 版权所有 </p> <div>感谢所有关心和支持过ChinaUnix的朋友们 <p>京ICP证041476号 京ICP证060528号</p> </div> </div> </div> </div> <script language="javascript"> //全局错误提示弹出框 function showErrorMsg(content, title, url){ var url = url || ''; var title = title || '消息提示'; var html = ''; html += '<div class="HT_layer3_1 HT_layer3_2"><ul><li><p><span class="login_span1"></span>' + content + '</p></li>'; if(url == '' || url.length == 0){ html += '<li class="HT_li1"><input type="button" class="HT_btn2" onclick=\'close_windows("error_msg")\'></li>'; } else { html += '<li class="HT_li1"><input type="button" class="login_btn1" onclick="location.href=\'' + url + '\'"></li>'; } html += '</ul></div>'; $.cover(true); asyncbox.open({ id: 'error_msg', title : title, html : html, 'callback' : function(action){ if(action == 'close'){ $.cover(false); } } }); } //全局正确提示 function showSucceedMsg(content, title , url ){ var url = url || ''; var title = title || '消息提示'; var html = ''; html += '<div class="HT_layer3_1 HT_layer3_2"><ul><li><p><span class="login_span2"></span>' + content + '</p></li>'; if(url == '' || url.length == 0){ html += '<li class="HT_li1"><input type="button" class="HT_btn2" onclick=\'close_windows("error_msg")\'></li>'; } else { html += '<li class="HT_li1"><input type="button" class="HT_btn2" onclick="location.href=\'' + url + '\'"></li>'; } html += '</ul></div>'; $.cover(true); asyncbox.open({ id: 'error_msg', title : title, html : html, 'callback' : function(action){ if(action == 'close'){ $.cover(false); } } }); } //关闭指定id的窗口 function close_windows(id){ $.cover(false); $.close(id); } //公告 var tID; var tn; // 高度 var nStopTime = 5000; // 不同行间滚动时间隔的时间,值越小,移动越快 var nSpeed = 50; // 滚动时,向上移动一像素间隔的时间,值越小,移动越快 var isMove = true; var nHeight = 25; var nS = 0; var nNewsCount = 3; /** * n 用于表示是否为第一次运行 **/ function moveT(n) { clearTimeout(tID) var noticev2 = document.getElementById("noticev2") nS = nSpeed; // 只在第一次调用时运行,初始化环境(有没有参数) if (n) { // 设置行高 noticev2.style.lineHeight = nHeight + "px"; // 初始化显示位置 tn = 0; // 刚进入时在第一行停止时间 nS = nStopTime; } // 判断鼠标是否指向层 if (isMove) { // 向上移动一像素 tn--; // 如果移动到最下面一行了,则移到顶行 if (Math.abs(tn) == nNewsCount * nHeight) { tn = 0; } // 设置位置 noticev2.style.marginTop = tn + "px"; // 完整显示一行时,停止一段时间 if (tn % nHeight == 0) { nS = nStopTime; } } tID = setTimeout("moveT()", nS); } moveT(1); // 此处可以传入任何参数 </script> <script language="javascript" src="http://stat.it168.com/pv.js"></script> <script> function sendPV(){ var pvTrack = new PvTrack(); pvTrack.type = 35; // 频道类别ID pvTrack.channel = 189; // 频道ID pvTrack.pageType = 0; pvTrack.track(); } window.setTimeout("sendPV()", 1000); </script> <script type="text/javascript"> // var _gaq = _gaq || []; // _gaq.push(['_setAccount', 'UA-20237423-2']); // _gaq.push(['_setDomainName', '.chinaunix.net']); // _gaq.push(['_trackPageview']); // // (function() { // var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; // ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; // var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); // })(); </script> <script type="text/javascript"> var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://"); document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F0ee5e8cdc4d43389b3d1bfd76e83216b' type='text/javascript'%3E%3C/script%3E")); function linkto(){ setCookie("returnUrl", location.href, 60, "/"); } function linktoOut(){ setCookie("returnOutUrl", location.href, 60, "/"); } //JS写COOKIE function setCookie(name, value, expires, path, domain){ if(!arguments[2]) expires = 3600 * 24; if(!arguments[3]) path = ""; if(!arguments[4]) domain = ""; var str=name+"="+escape(value); if(expires!=""){ var date=new Date(); date.setTime(date.getTime()+expires*1000); str+=";expires="+date.toGMTString(); } if(path!=""){ str+=";path="+path;//指定可访问cookie的目录 } if(domain!=""){ str+=";domain="+domain;//指定可访问cookie的域 } document.cookie = str; } </script> <script type="text/javascript" src="/js/jquery.qqFace.js"></script> </body> </html>