代码改变世界

关于javaScript跨域交互

2011-04-12 17:47 by rocdu, 375 阅读, 0 推荐, 收藏, 编辑
摘要:总是有人会问关于跨域的问题,优优同学之前有篇关于此题的大作,内容详实。发扬拿来主义,转到这里。一,什么是跨域?1,完全跨域根域名不同的跨域,如sohu.com/index.html和sina.com/index.html便是完全跨域2,跨子域名根域名相同,但是子域名不同,如mdc.sohu.com/index.html和cms5.sohu.com/index.html两种特殊情况即使页面不跨域,js交互也会受到影响。1,不同端口根域名一致,但是端口不一致,如sohu.com/index.html和sohu.com:1234/index.html2,不同协议根域名一致,但是安全协议不一致,如ht 阅读全文

iframe子页反控父页DOM元素

2011-04-08 11:43 by rocdu, 329 阅读, 0 推荐, 收藏, 编辑
摘要:如题,利用这一点实现下面这个例子。在做项目时,父页面用iframe调用子页面是常有的行为,出于iframe不能根据自身页面内容撑高而出现的坚向滚动条问题,以下是一个让iframe根据内容自动加高,屏蔽坚向滚动条的解决方案:设:A=父页面;B=子页面;C=B页面高度值;流程:A->html->给iframe绑定id,iframe.id=”content”;B->script->load页面完成->获取C->把C传给A下对应的iframe节点;A页面<iframe id=”content” src=”content1.html” frameborder=” 阅读全文

焦点图组件的原型

2011-04-08 11:32 by rocdu, 199 阅读, 0 推荐, 收藏, 编辑
摘要:在封装成组件之前的焦点图实现原型。因为苹果产品不支持FLASH,公司要求焦点图实现由FLASH转成JS。于是之初便有了这个仓促版的原型。需求:1、数据与ID随参数走,便于生成更多实例。2、load焦点图第一张图片,成功后进行焦点图初始化init()方法。3、init()方法,用于创建焦点图框架并回添布局,需要与CSS配合。4、a()方法,用于给焦点图对应的元素绑定交互事件。5、b()方法,用于完成交互时动画的实现。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://ww 阅读全文

利用iframe异步获取数据

2011-04-08 10:06 by rocdu, 431 阅读, 0 推荐, 收藏, 编辑
摘要:设:A.html=为父页面;B.html=为子页面;B.html/*数据源*/<div id=”content”>测试内容测试内容</div>A.html/*回填ID*/<div id=”backfill”></div><script type="text/javascript">jQuery(function(jQ){ jQ(“body”).append(‘<iframe id=”iframeID” width=”0″ height=”0″ marginheight=”0″ marginwidth=”0″ 阅读全文

IE8_hack

2011-04-01 15:59 by rocdu, 137 阅读, 0 推荐, 收藏, 编辑
摘要:.test{border:10px red solid;border:10px blue solid\0;width:300px;height:300px}<div class="test">ie8测试</div>测试结果:\0:IE6:REDIE7:REDIE8:BLUE\1-8:IE6:REDIE7:REDIE8: RED\9:IE6: BLUEIE7: BLUEIE8: BLUE 阅读全文

滚动条+定位=ieBug-狐狸空间

2011-03-31 22:30 by rocdu, 170 阅读, 0 推荐, 收藏, 编辑
摘要:需要做滚动条的父级元素,在其子级中有元素应用到定位样式,IE下会出现内容不跟随滚动条滚动的大BUG.今天这一问题在这个项目的好友引导列表页中又一次随到了,解决的办法是在父级元素上添加相对定位样式(position:relative). 阅读全文

下拉框定位-狐狸空间

2011-03-31 11:54 by rocdu, 173 阅读, 0 推荐, 收藏, 编辑
摘要:通常在父级下使用绝对定位是最合理的,短板是在复杂的层级结构中,有时很难达成设计要求。这时考虑把父级提高到BODY级别,用计算坐标的方式定位更易操作达成设计要求。 阅读全文

历史回顾日历_JS脚本

2011-03-28 13:42 by rocdu, 573 阅读, 0 推荐, 收藏, 编辑
摘要:做了一个历史回顾日历脚本,以下是需求及代码。交互需求:1、切换年份标签,成生相关日历数据(做缓存优化)2、根据日历串出对应的历史库链接地址3、给月份绑定跳转锚点4、根据域名回填频道名称5、开放当前月个性化操作接口效果展示:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head><meta http-equi 阅读全文

代码要从简-狐狸空间

2011-03-25 18:03 by rocdu, 138 阅读, 0 推荐, 收藏, 编辑
摘要:为什么把架构套的那么臃肿?为什么在命名形式上搞那么长的名串?不是所有老外的东西拿来都叫好。为什么产品开发之前不确定好规范,不写开发文档?代码作完在写文档那不是开发文档,那是项目总结。在规范上要做减法不要搞复杂。要定位自己的产品,出自己的规范,拿来主意出不了精品。 阅读全文