网上提供的很多方法都是判断当前窗口与顶部窗口是否相同来实现。代码如下
if(top!=this){
// 在frame中时处理
}
但这个脚本并没有区分frame和iframe。
在使用脚本时IE下遇到奇怪的问题:页面只有在iframe有问题frame中是正常的。而且在firefox和chrome中都是正常的。已经不想对IE发表什么意见了,最终自己在MSDN找到了可以判断当前页面是否在iframe中的方法,脚本如下:
if(self.frameElement.tagName=="IFRAME"){
// 页面在iframe中时处理
}
frameElement属性MSDN页面
把Wordpress内置的jQuery换为Google Ajax Libaray API链接后,Wordpress后台编辑页面在开启Visual Editor的情况下会出现jQuery is not defined错误,查看源码后发现jQuery是在script-load以后才加载的
<script type='text/javascript' src='http://imee.cn/wp-admin/load-scripts.php?c=0&load=utils,editor,quicktags&ver=d652578b8499672dc5f8695841c1aa48'></script>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=1.4.2'></script>
Read more…
Google Ajax Library API(GALA) 是一种内容分布网络,可载入最受欢迎的开源 JavaScript 库的架构。通过使用 Google AJAX API 载入程序的 google.load() 方法,您的应用程序能够迅速从全球任何位置访问日益丰富的最热门开放源代码 JavaScript 库
Google提供的这批js类库都有使用CDN,同时提供压缩和非压缩版本,并gzip输出。比如Prototype在未压缩前是124k,压缩后则只有 30k,而jquery经过瘦身以后,也是从97k降到了16k。
这项服务的意义在于,如果各个网站都使用google提供的某个js类库比如jquery,那么由于浏览器缓存的缘故,用户就可以避免下载相同内容 的js,这样也就能提高js的载入速度了。
Read more…
在网页上加入以下Javascript代码
<script type="text/javascript">
function handleclick() {
if (event.button == 2 && "OBJECT" == event.srcElement.tagName.toUpperCase()) doNothing;
}
document.onmousedown = handleclick;
</script>
实现原理:
当右键点击flash的时候让IE报错,代码中的doNothing从未声明。
缺点:
右键点击flash后,状态栏上会出现“网页上有错误”
互联网上解决这个IE6的透明PNG的方案也是多不胜数,从使用IE特有的滤镜或是expression,再到javascript+透明GIF替代.但是这些方法都有一个缺点,就是不支持CSS中backgrond-position与background-repeat.
DD_belatedPNG支持backgrond-position与background-repeat.这是其他js插件不具备的.同时DD_belatedPNG还支持a:hover属性,以及<img>.
Read more…
关于获取各种浏览器可见窗口大小的一点点研究。
在我本地测试当中:
在IE、FireFox、Opera下都可以使用
document.body.clientWidth
document.body.clientHeight
即可获得,很简单,很方便。
而在公司项目当中:
Opera仍然使用
document.body.clientWidth
document.body.clientHeight
可是IE和FireFox则使用
document.documentElement.clientWidth
document.documentElement.clientHeight
Read more…
插件下载
点此链接下载 查看示例
它有什么作用
1、系统自带的菜单只能改变高度,无法改变其他的样式,如果你想弄一个圆角的菜单,这是不可能的。
2、在IE6下,select存在着z-index的问题,除了iframe可以和它对抗外,其他元素都“罩”不住它。
3、给作者自己练手,看咱这介绍页面也整的有模有样。
插件简介
1、根据原有的select 模拟生成新的 select。(避免程序大规模调整)
2、支持键盘,可通过键盘选择选项。(向上键,向下键,Home键,End键,Pg Up键,Pg Dn键,回车键,Esc键)
3、可自定义样式。
4、方便灵活,可选择需要的seletc 进行模拟(非全局模拟)
5、判断用户是否开启脚本支持,若未开启,不进行模拟。
function resizeimg(ImgD,iwidth,iheight) {
var image=new Image();
image.src=ImgD.src;
if(image.width>0 && image.height>0){
if(image.width/image.height>= iwidth/iheight){
if(image.width>iwidth){
Read more…