`
DBear
  • 浏览: 231201 次
  • 性别: Icon_minigender_2
  • 来自: 上海
社区版块
存档分类
文章列表
Firefox下,已经load的document,重新open再write一个iframe,则这个iframe的onload不会执行。 重现步骤 在页面中放置一个iframe,并注册一个onload处理函数。 在该处理函数中,打开iframe的文档流。 向文档流使用document.write写入一个iframe,这个iframe包含一个onload属性。 查看onload的处理函数是否执行。 期望结果 iframe的onload处理函数正确执行。
循环引用   window.onload = function(){    var el = get();      el.onclick = function(){    }      //循环引用: ao->el->function->ao      //1. el = null;    //2. 不持有dom, el.onclick 改成 get().onclick    //3. 将function定义在onload外 }     草稿,待整理。。。
   应用场景:鼠标滑过某元素时,需要弹出一个信息标签,标签的位置要根据滑过元素的位置而定。      难点:目标元素并不一定是absolute的,因此不能简单的通过top,left这种属性获取。元素可能包裹在n个父元素内,需要把这些因素都考虑进去。     解决思路:先获取该元素的offsetLeft和offsetTop,然后取它的offsetParent,并向外循环,累加这些left和top,最后得到的就是元素的绝对位置。     代码: var obj = xxx; //这个元素就是目标元素,你可以用任何方式将它传入。 var w = obj.offsetWidt ...
用CSS这么些年,从来没从算法级别考虑过它的优先级原理,只是凭经验记住类似“id最大,class其次”这种tip。今儿看到一篇讲css优先级算法的文章,豁然开朗,引过来,记录一下。   其实CSS的算法就是下面这张图,     解释一下:    CSS中主要有 style, #, .,tag,四种 selector 。按照顺序分别占据*,*,*,*的第1,2,3,4个位置。将一串层叠表达式中出现的selector分别在对应位置上叠加可得到一串数字。但需要比较css优先级时,只要比较这串数字即可。上面表中的例子不够鲜明,我们可以举个极端的例子。一个div,被11个div包含,本身 ...
     今儿说点儿基础但是蛮重要的前端技术——使用file input实现文件上传。     话说很久以前,我一直以为鼠标在点击file input,弹出dialog,选择文件点”打开“以后,文件就自动上传了的,现在终于知道,自己太傻太天真了。操作系统才不会自动帮你做那个事情捏~ 今天跟踪了下js执行的流程,知道了真正执行上传动作之前在本地客户端到底完成了哪些动作。       当点击dialog中的”打开“后,客户端执行的唯一操作是改变file input的value,并把file input的相关文件参数赋给包裹它的form,比如,input的name是pic1,那么此时,for ...
      今天开发自己的一个小网站时出现一个诡异的错误:目标div明明设置了“position:absolute;left:0"的css样式,但是页面在IE6下显示出来,该div莫名的向右偏移了n多px,败家IE6没有办法监测dom,所以我只能猜。这个瞎猫碰死耗子的过程我就不描述了,只说结果:         原因:绝对定位的div的外部父div因为没有设置高度,在IE6下默认成0,且不会因为内容而撑开,所以子div并没有被添加到父div中(因为没高度,所以没地方。。。)。这样就诡异的被挤出到了右侧。         解决:为父div设置一个足够装下子div的高度,我是用js ...
http://learningwebgl.com/blog/?p=507
转自http://www.80sec.com/cross_domain_attack.html EMail: rayh4c#80sec.comSite: http://www.80sec.comDate: 2011-04-07From: http://www.80sec.com 0×00 前言 一直想说说跨域web攻击这一概念,先前积累了一些案例和经验,所以想写这么一篇文档让大家了解一下 ...
  老大今天让用SecureCRT登录linux机器。为了应付我的臭脑子,引来一片常用命令的文章做备忘。 文章引自http://www.cnblogs.com/ztf2008/archive/2009/09/11/1564979.html。感谢作者。 常用命令:一、ls 只列出文件名 (相当于dir,dir也可以使用) -A:列出所有文件,包含隐藏文件。 -l:列表形式,包含文件的绝大部分属性。 -R:递归显示。 --help:此命令的帮助。 二、cd 改变目录 cd /:进入根目录 cd :回到自己的目录(用户不同则目录也不同,root为/root,xxt为/home/xxt c ...
      今天用360浏览器测一个网页,其中一个js文件莫名其妙的没有任何执行效果。FF,IE7,8都没问题。浏览了一下代码,觉得没什么问题。无奈之下,换了个js编辑器,结果赫然出现两个红叉叉。原来是有两个json对象的写法不标准,最后一个属性值后面多加了“,”。果断删掉,重新运行,世界恢复平静了。。。。         前车之鉴啊,无论浏览器怎么智能,代码书写还是要保证标准才是正道。
       前几日做一个根据显示器分辨率动态分配每行图片个数的功能时碰到题目中的问题。出现此问题应满足以下条件:   1.  使用IE浏览器。 2.  使用双显示器。         我的作案条件:   1.  主显示器设为我的笔记本显示器(1280*800)。 2.  第二显示器分辨率(1680*1050)。 3.  在第二显示器中打开网页。           结果:FF,Chrome分配正常。IE的动态分配只按照1280的宽度计算。           原因:IE中执行screen.width方法,取的只是主显示器的分别率,不论网页实际打开在哪个显示器。 ...
    之前Google的图片搜索结果界面提供了一个功能,即滚动条滚动到接近底部的位置自动加载剩余图片。个人觉得这个功能还蛮人性化的,避免来回翻页的繁琐,让搜索结果以增量形式展现。所以也自己仿造了一个。功能是基于JQuery的。下面是代码。   $(window).scroll(function() { var o = $('#pincontainer'); // 并不是所有页面都要执行加载操作。 // 你也可以选择别的识别条件。 if(o!=null && o.length !=0){ ...
不过从布朗的作品里面能找到相似的形状也很不容易了,哈哈。
http://jsbeautifier.org/
情人节降至,用CSS3做个红心,送给那个我想见见不到的人。。。   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT= ...
Global site tag (gtag.js) - Google Analytics