Archive

Posts Tagged ‘Javascript’

判断网页是否在iframe中

May 19th, 2010 No comments

网上提供的很多方法都是判断当前窗口与顶部窗口是否相同来实现。代码如下

if(top!=this){
 // 在frame中时处理
}

但这个脚本并没有区分frame和iframe。

  在使用脚本时IE下遇到奇怪的问题:页面只有在iframe有问题frame中是正常的。而且在firefox和chrome中都是正常的。已经不想对IE发表什么意见了,最终自己在MSDN找到了可以判断当前页面是否在iframe中的方法,脚本如下:

if(self.frameElement.tagName=="IFRAME"){
  // 页面在iframe中时处理
}

frameElement属性MSDN页面

Categories: Javascript Tags: ,

WordPress jQuery is not defined!

March 4th, 2010 No comments

把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…

Categories: Javascript Tags:

用Google Ajax Library API的jQuery替换WordPress的内置jQuery

March 4th, 2010 No comments

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…

Categories: Javascript Tags:

完全禁用Flash右键菜单(IE only)

January 20th, 2010 No comments

在网页上加入以下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后,状态栏上会出现“网页上有错误” :twisted:

Categories: Flash, Javascript Tags: , ,

IE PNG Fix 绝佳方案

January 4th, 2010 No comments

互联网上解决这个IE6的透明PNG的方案也是多不胜数,从使用IE特有的滤镜或是e­xpression,再到javascript+透明GIF替代.但是这些方法都有一个缺点,就是不支持CSS中backgrond-position与background-repeat.

DD_belatedPNG支持backgrond-position与background-repeat.这是其他js插件不具备的.同时DD_belatedPNG还支持a:hover属性,以及<img>.
Read more…

Categories: CSS, Javascript Tags: , , ,

Javascript获取页面高度(多种浏览器)

July 23rd, 2009 No comments

关于获取各种浏览器可见窗口大小的一点点研究。

在我本地测试当中:
在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…

Categories: Javascript Tags:

用JavaScript实现网页图片等比例缩放

May 21st, 2009 No comments
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…

Categories: Javascript Tags: