之乎者也2011

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

随笔分类 -  javascript

摘要:防止自己的网页被iframe框架引用frame框架, 前端安全我要评论March 15, 2011前端开发与脚本对于一些安全要求较高的网站,往往不希望自己的网页被另外非授权网站框架包含,因为这往往是危险的,因为不法分子总是想尽办法以“钓鱼”的方式牟利。对于禁止网页被frame或者iframe框架,我总结了下面三种方法供大家参考。1.使用meta元标签123456<html><head> <meta http-equiv="Windows-Target" contect="_top"></head><b 阅读全文
posted @ 2011-10-20 06:57 之乎者也2011 编辑

摘要:if(id == 'ddd'){dd.refresh();} else if(id == 'content'){content.refresh();}id == 'ddd' && dd.refresh() || id == 'content' && content.refresh(); 阅读全文
posted @ 2011-09-28 22:07 之乎者也2011 编辑

摘要:Gecko:壁虎, Netscape6开始采用的内核,后来的Mozilla FireFox (火狐浏览器) 也采用了该内核,Trident:三叉戟 iePresto: 迅速的 opera(歌曲)webkit:web工具箱 chrome(铬合金),safari(旅行)firefox是哥,因为最早。opera算个p,ie有三个版本上市,苹果和google的用的比较标准就叫web工具箱。 阅读全文
posted @ 2011-09-26 03:27 之乎者也2011 编辑

摘要:九月 25th, 2011 § 0 comments这个话题是我一直以来思考的问题。其实4年前我在淘宝分享过一个基于ant的静态文件编译系统,但那时候对基础架构的全局还没有一个总体思路,现在 看来它没有充分用在开发中,不是它本身做的不够好,而是因为它没有完全植入到整个技术体系中,只是一个单纯的工具,这样它发挥的作用始终是有限的。2年前 我才真正意识到前端基础架构的意义,它是把技术更好的吸收、组合、应用出来的基础,也是一个足够专业的前端团队高效运转的基础。我一直以来在追求前端团队职能价值的最大化。那么首先回顾一下前端职能经历了什么样的转变。我相信这些转变不需要过多解释,大家都能理解。但 阅读全文
posted @ 2011-09-26 02:33 之乎者也2011 编辑

摘要:javascript内存泄露的问题一直以来都不受到大家的重视,原因是对用户的影响没有太实际的表现,或许近几年内存发展迅速。脚本内存再泄露也不会有太大影响。当然作为前端开发的同学们,就不能有这样的侥幸心理。出现memory leaks很大程度上是因为程序的不成熟和编码不太规范造成的。不过,这里就不说如何出现问题的,对问题的出现有兴趣可以参考以下地址:Understanding and Solving Internet Explorer Leak PatternsIE's memory-leak fix greatly exaggeratedMemory Leakage in Intern 阅读全文
posted @ 2011-09-25 04:12 之乎者也2011 编辑

摘要:当name和id相等时,document.getElementById()可能会混淆去查找先出现的。<form action="IE_BUG2.html" method="get"> <p>name:<input type="text" name="username" /></p> <p>name2:<input type="text" id="username" name="name" / 阅读全文
posted @ 2011-09-22 05:35 之乎者也2011 编辑

摘要:长久以来JavaScript兼容性一直是Web开发者的一个主要问题。在正式规范、事实标准以及各种实现之间的存在的差异让许多开发者日夜煎熬。为此,主要从以下几方面差异总结IE和Firefox的Javascript兼容性: 一、函数和方法差异; 二、样式访问和设置; 三、DOM方法及对象引用; 四、事件处理; 五、其他差异的兼容处理。一、函数和方法差异1. getYear()方法【分析说明】先看一下以下代码:var year= new Date().getYear();document.write(year); 在IE中得到的日期是"2010",在Firefox中看到的日期是& 阅读全文
posted @ 2011-09-19 07:08 之乎者也2011 编辑

摘要:function getPosition(target) { var left = 0, top = 0; do { left += target.offsetLeft || 0; top += target.offsetTop || 0; target = target.offsetParent; } while(target); return { left: left, top: top };} 阅读全文
posted @ 2011-09-19 04:45 之乎者也2011 编辑

摘要:首先给一个地址http://pay.qq.com/include/login_box.html?url=http://pay.qq.com/有工具 比如 firefox 、 google chrome 等网页代码查看工具。要求用一段 js 实现下列功能,已知 用户名 和 明文密码,实现 提交的过程,如果中间出现校验码,捕获校验码的图片。时长120分钟。结果面试失败。大概的扒了一下页面,登录过程如下:输入QQ号或者是QQ绑定的邮箱,当输入框失去焦点后,会进行验证以确定是否需要验证码(验证码的形式分两种,一种是生成一个图片,需要用户输入指定的字符,一种是程序返回时自带验证码,不用用户输入;有一种情 阅读全文
posted @ 2011-09-19 04:23 之乎者也2011 编辑

摘要:<script type="text/javascript">alert(["a","b","c","d","e"][[1,2],3,4]);</script>请问输出什么?注意:javascript的二维数组可不是这么写的。// 这是javascript的二维数组var ttt = [ ["a","b","c","d","e"],[[1,2],3,4] 阅读全文
posted @ 2011-09-19 02:34 之乎者也2011 编辑

摘要:1 针对firefox ie6 ie7的css样式 现在大部分都是用!important来hack,对于ie6和firefox测试可以正常显示,但是ie7对!important可以正确解释,会导致页面没按要求显示!找到一个针对IE7不错的hack方式就是使用“*+html”,现在用IE7浏览一下,应该没有问题了。 现在写一个CSS可以这样:#1 { color: #333; } /* Moz */ * html #1 { color: #666; } /* IE6 */ *+html #1 { color: #999; } /* IE7 */ 那么在firefox下字体颜色显示为#333,IE 阅读全文
posted @ 2011-09-16 10:05 之乎者也2011 编辑

摘要:还是老话,不要直接在html中写js代码修改input,onclick事件,点击后,submit变灰<form action="http://www.baidu.com" method="POST"><input name="T1" size="20" type="text" /><input onclick="javascript:{this.disabled=true;document.form1.submit();}" type=" 阅读全文
posted @ 2011-09-05 05:41 之乎者也2011 编辑

摘要:关于URL编码/javascript/js url 编码一、问题的由来URL就是网址,只要上网,就一定会用到。一般来说,URL只能使用英文字母、阿拉伯数字和某些标点符号,不能使用其他文字和符号。比如,世界上有英文字母的网址“http://www.abc.com”,但是没有希腊字母的网址“http://www.aβγ.com”(读作阿尔法-贝塔-伽玛.com)。这是因为网络标准RFC 1738做了硬性规定:"...Only alphanumerics [0-9a-zA-Z], the special characters "$-_.+!*'()," [not 阅读全文
posted @ 2011-09-05 05:13 之乎者也2011 编辑

摘要:Firebug控制台详解作者:阮一峰控制台(Console)是Firebug的第一个面板,也是最重要的面板,主要作用是显示网页加载过程中产生各类信息。一、显示信息的命令Firebug内置一个console对象,提供5种方法,用来显示信息。最简单的方法是console.log(),可以用来取代alert()或document.write()。比如,在网页脚本中使用console.log("Hello World"),加载时控制台就会自动显示如下内容。另外,根据信息的不同性质,console对象还有4种显示信息的方法,分别是一般信息console.info()、除错信息cons 阅读全文
posted @ 2011-09-05 05:12 之乎者也2011 编辑

摘要:var getElementsByName = function(tag, name){ var returns = document.getElementsByName(name); if(returns.length > 0) return returns; returns = new Array(); var e = document.getElementsByTagName(tag); for(var i = 0; i < e.length; i++){ if(e[i].getAttribute("name") == name){ returns[ret 阅读全文
posted @ 2011-09-05 05:05 之乎者也2011 编辑

摘要:http://hi.baidu.com/3800_hk/blog/item/b4ece5dd50ca3be077c638a0.htmlJavaScript是运行在客户端的脚本,因此一般是不能够设置Session的,因为Session是运行在服务器端的。而cookie是运行在客户端的,所以可以用JS来设置cookie. 假设有这样一种情况,在某个用例流程中,由A页面跳至B页面,若在A页面中采用JS用变量temp保存了某一变量的值,在B页面的时候,同样需要使用JS来引用temp的变量值,对于JS中的全局变量或者静态变量的生命周期是有限的,当发生页面跳转或者页面关闭的时候,这些变量的值会重新载入,即 阅读全文
posted @ 2011-09-05 04:57 之乎者也2011 编辑