运维开发yaofang.blog.chinaunix.net
hkebao
全部博文（2065）
技术论坛（0）
方案选择（1）
puppet配置文件管（0）
开源XEN管理工具（0）
在线图片处理（1）
日志分析工具（1）
计费系统（1）
python统计PY源码（2）
JAVA服务提供器（1）
网络工具（1）
Java版杀进程工具（1）
网络爬虫（2）
论坛发帖机设计（1）
CODE（0）
相关资讯（0）
基础教程（3）
rest（0）
xml-rpc（1）
应用服务（1）
网上学习笔记（1）
程序员杂志（1）
投稿（0）
架构方面（0）
网络方面（0）
系统管理OS（1）
开发方面（0）
虚拟化方面（0）
存储方面（0）
数据库方面（3）
天涯论坛（0）
淘宝开放平台（0）
开放平台开发（0）
朱 敬（1）
俞强华（1）
盛大（1）
VC（1）
webgame（0）
其它（1）
云计算（1）
移动互联网（1）
CU（1）
互联网产品设计（1）
InfoQ（2）
技术方向（0）
产品设计（1）
关注腾讯（2）
马化腾（0）
腾讯（1）
从技术解读互联网（2）
网店乐（0）
80后粉丝网（1）
点评网（0）
网站盈利（1）
国内一流互联网公（1）
网站运营（2）
技术动态（2）
搜房网（0）
案例公司（0）
新技术探讨（4）
新闻杂谈（1）
马云（1）
人物（0）
反思（0）
行业动态（2）
基本配置（1）
OS安全配置（1）
应用篇（0）
中级篇（0）
基础篇（14）
flex学习（0）
开发（0）
学习笔记（0）
XEN（0）
虚拟软件（0）
虚拟化技术（1）
相关知识（1）
相关技术动态（1）
虚拟动态（0）
源码学习（0）
YUM包（2）
相关专题（0）
RedHat认证（0）
shell杂（1）
Linux内核（1）
网络命令（2）
安全（1）
linux工具（2）
bash（0）
工具代码（3）
linux系统学习教（9）
LVS篇（1）
源码整理（11）
装机（5）
linux小技巧（8）
常用配置文件（2）
Ubuntu（1）
系统管理（4）
linux杂（9）
linux学习（13）
linux调优（2）
VI篇（4）
SED与AWK（6）
linux常用命令（43）
防火墙（6）
SHELL学习（10）
脚本学习（1）
鸟哥私房菜专集（6）
DNS学习（7）
混迹社会（0）
2011计划（1）
自己的项目（1）
未来之约（1）
工作日志（4）
日记（4）
职场生涯（4）
区域城市（3）
linux认证（0）
CCNA认证（0）
下一代网站（1）
投资自己（1）
当站长（2）
新闻日记（31）
创业专栏（9）
实战（0）
技术（0）
淘宝易货（0）
编码（1）
读书（3）
新浪财经（0）
程序设计（1）
学习（4）
股票软件（1）
读书笔记（3）
积淀（1）
工作（0）
酒文化（0）
茶文化（0）
搜狐财经（0）
第二职业（1）
压力篇（3）
项目进展（2）
木材（0）
家居（0）
传统产业分析（0）
可行性市场分析（1）
寻找市场（1）
互联网创业（2）
时间管理（2）
要做的平台产品（1）
人际交往（1）
项目学习法（3）
营养（5）
IT认证考试（0）
论坛精华（8）
职业规划（16）
创业篇（2）
年计划（0）
年计划（19）
汽车平台（0）
关注地产（0）
平台（0）
外包项目（2）
求职面试（14）
创业立志（5）
股票学习（0）
美食（1）
学习基金理财（2）
我的基金（2）
面试（0）
反省过去（1）
CTO相关资讯（0）
心情日记（28）
工作（4）
专题一（1）
财务（1）
大项目（3）
互联网盈利（8）
整理电子商务站（1）
男人与石头（1）
金融证券（0）
银行基金（11）
未来计划（13）
架构师（6）
社会经验（10）
工作室（11）
职业规划（8）
理财大全（1）
赚钱计划（10）
我的小说（3）
经典励志（24）
学习计划（2）
健康之道（4）
旁征博引（36）
学习心得（17）
编程心得（19）
数据导入工具（1）
项目学习记录（0）
WEB框架理论（1）
常见异常错误（1）
整理代码（0）
笔记（0）
常用代码（3）
配置（6）
2010学习笔记（7）
专题（0）
Hibernate（0）
dom4j（2）
xsocket框架（1）
Ant开源学习（2）
Spring框架（0）
structs2.0（30）
认证项目CI（0）
PHP自定义函数（0）
PHP整理笔记（1）
PHP面向对象（1）
UC专题（3）
wordpress（0）
php专题篇（9）
基于CI开源项目（0）
框架学习（1）
PHP缓存（0）
php整理备战（0）
php常用的代码（1）
PHP整理网站（0）
PHP看开源代码（3）
实战经验（2）
PHP制作公司CMS（3）
看实例学习整理（8）
PHP相关资料整理（18）
整理CU文章（23）
CodeIgniter框架（5）
Smarty学习整理（8）
帝国CMS学习区（3）
PHP168学习区（0）
PHP制作网站总结（51）
PHP常用函数整理（30）
PHP实例教程（7）
PHP入门资料（19）
ajax代码库（0）
ajax专题（1）
javascript理论（1）
JQuery应用（8）
javascript基础（3）
DEMO（4）
Javascript专题（7）
JQuery插件专题（6）
js常用代码集合（7）
JQuery框架学习（11）
JS解决跨域（0）
JavaScript小项目（1）
JavaScript整理（12）
Prototype框架（0）
ajax学习（14）
CODING（4）
网络安全（3）
技术准备（0）
分布式操作系统（0）
嵌入式操作系统（0）
Kernel（0）
Linux方向（0）
Linux内核研究（0）
C学习（2）
C代码库（1）
工具函数（0）
专题篇（3）
2010年专题产品篇（0）
UNIX环境高级编程（2）
网络编程相关（0）
数据结构与算法（0）
服务器性能编程（0）
HTTP编程（0）
网络编程（0）
C实现服务器（2）
相关（1）
单元测试（0）
功能测试（0）
性能测试（1）
故障排查经验（1）
2010数据库大会资（2）
相关资料整理（0）
mysql杂（2）
Mysql基础教程（6）
工作经验（1）
架构瓶颈（1）
系统管理员（1）
数据库技术（4）
基础（0）
索引理论（0）
SQL语句理论（2）
理论（2）
架构设计（0）
SQL编程（0）
MSSQL问题解决（2）
MySQLDBA篇（38）
数据库基础理论（8）
常用系统管理（12）
架构之数据库设计（2）
MySQL编程篇（15）
MySQL架构第一步（6）
MYSQL主从软件（6）
MYSQL查询优化篇（36）
MySQL中的文件（9）
MySQL主从配置（6）
MSSQL2000（12）
数据库加程序（2）
MYSQL（34）
全文检索（0）
翻译（2）
转载资料（2）
puppet（4）
ZABBIX（0）
mantis-bug管理系（0）
职业（2）
游戏运维（0）
Rsync（3）
rrd（1）
mrtg（0）
certmaster（0）
Func（1）
Cfengine（1）
cacti（2）
nagios（1）
ITIL（0）
规范流程（0）
Remedy（0）
kettle（0）
jpivot（0）
mondrian（0）
开源框架（1）
实践内容（1）
运维经验整理（2）
网上眼界（10）
新技术（0）
相关理论（4）
资料整理（4）
开源产品使用（1）
其他开源（1）
Memoranda（0）
Drupal专题学习笔（0）
php开源（0）
python开源代码（2）
C开源代码（0）
Shell开源（0）
JAVA开源（1）
Jython入门学习（0）
gfs（1）
mfs（0）
分布式文件系统（1）
SNMP（4）
VPN教程（1）
网络教程（1）
存储教程（3）
存储产品（1）
漫谈存储（3）
存储开发（0）
存储技术（1）
存储理论（2）
存储相关（0）
存储（0）
操作系统（0）
软件工程（0）
其它相关（0）
算法（0）
计算机知识（3）
网上资料（8）
CCNA教程（9）
计算机硬件（4）
FastDFS专题（1）
架构之开源篇（0）
架构之硬件（9）
架构之系统（2）
架构之存储篇（3）
架构之网络篇（7）
计算机网络（2）
正则表达式（3）
nginx源码研究（0）
实际案例分享（1）
nginx开发（2）
apache学习笔记（4）
资料介绍（1）
资料使用（0）
CDN（2）
LVS（0）
服务器安全（1）
haproxy（1）
Varnish（0）
squid（1）
编程篇（0）
memcached（2）
nginx整理学习（15）
nginx实战经验（5）
nginx官网资料（4）
FTP服务器（1）
lighttpd（3）
版本控制管理（8）
负载均衡（1）
nginx服务器（8）
服务器集群（1）
IIS服务器（12）
resin服务器（16）
Apache服务器（13）
Tomcat服务器（3）
JSP开发经验之谈（2）
JSP架构设计（1）
JSP基础（1）
JSP专题（3）
J2EE体系（0）
JSP缓存整理（2）
JSP配置文件（3）
JSP实践编程（2）
JSP自定义标签（10）
JSP文本操作（2）
JSP扩展话题（1）
JAVABEAN学习（5）
Servlets学习（12）
YAML（0）
SOAP专题（2）
XML基础篇（7）
WebService（0）
JSON（6）
ASP专题整理（5）
vbs教程（4）
JMail整理版（1）
ASP其他（2）
ASP建站整理（9）
ASP整理归档版（22）
ASP工具整理（14）
LDAP（0）
LINUX密码管理（0）
代码优化JOB（2）
CI框架公司培训（1）
理论学习（0）
JSP（1）
内存DB（1）
代码库（1）
HTTP隧道（0）
破解验证码（2）
研究专题（1）
JQuery培训（0）
MySQL架构（3）
培训专题（0）
GAE专题（0）
不懂就学专题（1）
Google APP Engin（0）
ROR框架整理（0）
Hibernate整理（1）
Django培训专题（0）
编程思想篇（1）
8月份研究模拟Htt（1）
HttpClient学习（2）
Java开源版商城（0）
JAVA实现下载器（2）
学习项目制作（0）
PHP（10）
文档编写（1）
WEB服务器（1）
网页爬虫（9）
网络处理老师（1）
好的网站大全（2）
JavaScript代码（6）
CSS样式（0）
Java（17）
Python（24）
ASP（8）
数据库编程（11）
JAVA短信（0）
Java面试题（1）
JAVA日常工具（3）
JAVA新技术（2）
开发思想JAVA版（1）
JAVA小品（1）
SCJP考证（1）
java基础教程（5）
JAVA网络编程（10）
JAVA岗位招聘（5）
JAVA性能监控（3）
JAVA与设计模式（0）
java.lang（1）
系统学习（2）
java.util（7）
Java代码之美（2）
基础学习整理（6）
JAVA高级工程师（11）
高性能架构（2）
专题研究（8）
java.io（1）
SUN官网资料（2）
JAVA缓存（0）
JAVA正则（1）
RMI（1）
JAVA基础（20）
面向接口编程（1）
JAVA编程思想（3）
JAVA操作流文件（9）
JAVAMail专题（2）
JAVA中数据结构（12）
JMS学习（1）
原创架构（1）
架构大讲堂（8）
CSS框架（0）
百度UED团队（2）
前端开发（0）
架构整理（3）
DIV+CSS实例整理（0）
DIV学习笔记（2）
前台学习资料（1）
HTTP理论（19）
COOKIE详细分析（5）
SVG学习篇（10）
WEB页面分析（0）
程序方面（0）
CSS框架（3）
SEO优化（0）
页面编码（2）
HTML学习（18）
div+css（5）
2012年（2）
2011年（19）
2010年（1160）
2009年（969）
2008年（153）
叶绍琛
tkchks
左右江南
g_progra
妞嬬偤缂
cclang20
quaile
jackson1
时间看来
wb123456
skyzxf
格伯纳
学霸君主
huangjzc
ly136
风扇电机
浪花小雨
Bsolar
分类： 系统运维
2009-08-11 01:21:42
框架编程概述 一个HTML页面可以有一个或多个子框架，这些子框架以来标记，用来显示一个独立的HTML页面。这里所讲的框架编程包括框 架的自我控制以及框架之间的互相访问，例如从一个框架中引用另一个框架中的JavaScript变量、调用其他框架内的函数、控制另一个框架中表单的行为 等。<br> 框架间的互相引用<br> 一个页面中的所有框架以集合的形式作为window对象的属性提供，例如：window.frames就表示该页面内所有框架的集合，这和表单对象、链接对象、图片对象等是类似的，不同的是，这些集合是document的属性。因此，要引用一个子框架，可以使用如下语法：<br> window.frames["frameName"];<br> window.frames.frameName<br> window.frames[index]<br> 其中，window字样也可以用self代替或省略，假设frameName为页面中第一个框架，则以下的写法是等价的：<br> self.frames["frameName"]<br> self.frames[0]<br> frames[0]<br> frameName<br> 每个框架都对应一个HTML页面，所以这个框架也是一个独立的浏览器窗口，它具有窗口的所有性质，所谓对框架的引用也就是对window对象的引用。有了 这个window对象，就可以很方便地对其中的页面进行操作，例如使用window.document对象向页面写入数据、使用 window.location属性来改变框架内的页面等。<br> 下面分别介绍不同层次框架间的互相引用：<br> 1．父框架到子框架的引用<br> 知道了上述原理，从父框架引用子框架变的非常容易，即：<br> window.frames["frameName"];<br> 这样就引用了页面内名为frameName的子框架。如果要引用子框架内的子框架，根据引用的框架实际就是window对象的性质，可以这样实现：<br> window.frames["frameName"].frames["frameName2"];<br> 这样就引用到了二级子框架，以此类推，可以实现多层框架的引用。<br> 2．子框架到父框架的引用<br> 每个window对象都有一个parent属性，表示它的父框架。如果该框架已经是顶层框架，则window.parent还表示该框架本身。<br> 3．兄弟框架间的引用<br> 如果两个框架同为一个框架的子框架，它们称为兄弟框架，可以通过父框架来实现互相引用，例如一个页面包括2个子框架：<br> <<span class="hilite2">frameset</span> rows=”50%,50%”><br> <frame src=”1.html” name=”frame1″ /><br> <frame src=”2.html” name=”frame2″ /><br> </<span class="hilite2">frameset</span>><br> 在frame1中可以使用如下语句来引用frame2：<br> self.parent.frames["frame2"];<br> 4．不同层次框架间的互相引用<br> 框架的层次是针对顶层框架而言的。当层次不同时，只要知道自己所在的层次以及另一个框架所在的层次和名字，利用框架引用的window对象性质，可以很容易地实现互相访问，例如：<br> self.parent.frames["childName"].frames["targetFrameName"];<br> 5．对顶层框架的引用<br> 和parent属性类似，window对象还有一个top属性。它表示对顶层框架的引用，这可以用来判断一个框架自身是否为顶层框架，例如：<br> //判断本框架是否为顶层框架<br> if(self==top){<br> //dosomething<br> }<br> 改变框架的载入页面<br> 对框架的引用就是对window对象的引用，利用window对象的location属性，可以改变框架的导航，例如：<br> window.frames[0].location=”1.html”;<br> 这就将页面中第一个框架的页面重定向到1.html，利用这个性质，甚至可以使用一条链接来更新多个框架。<br> <<span class="hilite2">frameset</span> rows=”50%,50%”><br> <frame src=”1.html” name=”frame1″ /><br> <frame src=”2.html” name=”frame2″ /><br> </<span class="hilite2">frameset</span>><br> <!–somecode–><br> <a href=”frame1.location=’3.html;frame2.location=’4.html’” onclick=”">link</a><br> <!–somecode–><br> 引用其他框架内的JavaScript变量和函数<br> 在介绍引用其他框架内JavaScript变量和函数的技术之前，先来看以下代码：<br> <script language=”JavaScript” type=”text/javascript”><br> <!–<br> function hello(){<br> alert(”hello,ajax!”);<br> }<br> window.hello();<br> //–><br> </script><br> 如果运行了这段代码，会弹出“hello,ajax!”的窗口，这正是执行hello()函数的结果。那为什么hello()变成了window对象的方法呢？因为在一个页面内定义的所有全局变量和全局函数都是作为window对象的成员。例如：<br> var a=1;<br> alert(window.a);<br> 就会弹出对话框显示为1。同样的原理，在不同框架之间共享变量和函数，就是要通过window对象来调用。<br> 例如：一个商品浏览页面由两个子框架组成，左侧表示商品分类的链接；当用户单击分类链接时，右侧显示相应的商品列表；用户可以单击商品旁的【购买】链接将商品加入购物车。<br> 在这个例子中，可以利用左侧导航页面来存储用户希望购买的商品，因为当用户单击导航链接时，变化的是另外一个页面，即商品展示页面，而导航页面本身是不变的，因此其中的JavaScript变量不会丢失，可以用来存储全局数据。其实现原理如下：<br> 假设左侧页面为link.html，右侧页面为show.html，页面结构如下：<br> <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”><br> <html><br> <head><br> <title> New Document </title><br> </head><br> <<span class="hilite2">frameset</span> cols=”20%,80%”><br> <frame src=”link.html” name=”link” /><br> <frame src=”show.html” name=”show” /><br> </<span class="hilite2">frameset</span>><br> </html><br> 在show.html中展示的商品旁边可以加入这样一条语句：<br> <a href=”void(0)” onclick=”self.parent.link.addToOrders(32068)”>加入购物车</a><br> 其中link表示导航框架，在link.html页面中定义了arrOrders数组来存储商品的id，函数addToOrders()用来响应商品旁边【购买】链接的单击事件，它接收的参数id表示商品的id，例子中是一个id为32068的商品：<br> <script language=”JavaScript” type=”text/javascript”><br> <!–<br> var arrOrders=new Array();<br> function addToOrders(id){<br> arrOrders.push(id);<br> }<br> //–><br> </script><br> 这样，在结帐页面或是购物车浏览页面就可以用arrOrders来获取所有准备购买的商品。<br> 框架可以使一个页面划分为功能独立的多个模块，每个模块之间彼此独立，但又可以通过window对象的引用来建立联系，是Web开发中的一个重要机制。</p> <p>页面内引用此页面中Iframe页面内的控件的值可直接写：<br> function test() {<br> var num = window.iframename.inputtextname.value;<br> alert( num );<br> }<br> 此页面中的Iframe要调用页面中的<span class="hilite1">js</span>代码时可直接写：<br> <input value=”点击” type=”button” onclick=”window.parent.test()” /></p> </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> 阅读(1527) | 评论(1) | 转发(1) | <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='102201' url='/blog/digg.html' ></a></div> <p>上一篇：<a href="/uid-16480950-id-102200.html">php数组整理</a></p> <p>下一篇：<a href="/uid-16480950-id-102202.html">PHP防SQL注入</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_8"> <div class="Blog_right_img1"><a href='/uid/16480950.html' ><img src="http://account.chinaunix.net/api/avatar.php?uid=16480950" /></a></div> <div class="Blog_right_font1"> <p class="Blog_p5"><span><a href='/uid/16480950.html' ><span>hkebao</span></a></span>2010-05-27 15:41:32</p> <p class="Blog_p6">self.parent.frames["mainFrame"].frames["sysleft"].location = srcName; JS刷新同级的iframe下面的窗口</p> <div class="div1"><a href="javascript:void(0);" class="Blog_a10" toid='16480950' bid='102201' cid='81571' tname='hkebao'>回复</a> | <a href="javascript:;" onclick="link(this);showErrorMsg('操作失败,您需要先登录!', '消息提示', 'http://account.chinaunix.net/login');" class='box_report'>举报</a></div> <!-- 评论占位框--> <div class='z_move_comment' style='display:none'> </div> </div> <div class="Blog_line1"></div> </div> <!-- 评论分页--> <div class="Blog_right1_6 Blog_right1_12"> </div> <!-- 评论分页--> <div class="Blog_right1_10" style="display:none"> <div class="Blog_tit3">评论热议</div> <!--未登录 --> <div class="Blog_right1_8"> <div class="nologin_con1"> 请登录后评论。 <p><a href="http://account.chinaunix.net/login" onclick="link(this)">登录</a> <a href="http://account.chinaunix.net/register?url=http%3a%2f%2fblog.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/102201/url/%252Fuid%252F16480950.html.html'; window.location.href= url + '?type=' + type; }); //顶 js中暂未添加&过滤 $('#digg').live('click' , function(){ if(isOnLine == '' ) { //showErrorMsg('登录之后才能进行此操作' , '消息提示'); showErrorMsg('操作失败,您需要先登录!', '消息提示', 'http://account.chinaunix.net/login'); 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('操作失败,您需要先登录!', '消息提示', 'http://account.chinaunix.net/login'); } else if(msg.error == 2) { showErrorMsg(msg.error_content , '消息提示'); } } }); }); //举报弹出层 /*$('.box_report').live('click' , function(){ if(isOnLine == '' ) { //showErrorMsg('登录之后才能进行此操作' , '消息提示'); showErrorMsg('操作失败,您需要先登录!', '消息提示', 'http://account.chinaunix.net/login'); 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('操作失败,您需要先登录!', '消息提示', 'http://account.chinaunix.net/login'); 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('操作失败,您需要先登录!', '消息提示', 'http://account.chinaunix.net/login'); 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('操作失败,您需要先登录!', '消息提示', 'http://account.chinaunix.net/login'); } }, 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('操作失败,您需要先登录!', '消息提示', 'http://account.chinaunix.net/login'); 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('操作失败,您需要先登录!', '消息提示', 'http://account.chinaunix.net/login'); 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('操作失败,您需要先登录!', '消息提示', 'http://account.chinaunix.net/login'); }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://account.chinaunix.net/register?url=http%3a%2f%2fblog.chinaunix.net" target="_blank" rel="nofollow">免费注册</a> <p>Copyright 2001-2010 ChinaUnix.net All Rights Reserved 北京皓辰网域网络信息技术有限公司. 版权所有 </p> <div>感谢所有关心和支持过ChinaUnix的朋友们 <p><a href="http://beian.miit.gov.cn/">16024965号-6 </a></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 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 link(t){ var href= $(t).attr('href'); href+="?url="+encodeURIComponent(location.href); $(t).attr('href',href); //setCookie("returnOutUrl", location.href, 60, "/"); } </script> <script type="text/javascript" src="/js/jquery.qqFace.js"></script> </body> </html>
