Js地址栏特效(显示页面内所有加链接的图片的大小和查看当前的浏览器的高度)

 
更多

地址栏 javascript,是指利用 javascript 伪协议在浏览器的地址栏里面通过执行类似 javascript:alert(”hello wow”);void(0); 的代码,使用方法是在已经打开并加载完成的页面的地址栏里面输入javascript:xxx 代码来执行,下面通过两种比较实用的Javascript地址栏特效做个例子说明一下。

1、显示页面内所有加链接的图片的大小(模仿微软ie官方插件的呈现效果)

javascript:a=document.images;d=document;for(i=0;i<a.length;i++){t=a[i];p=t.parentNode;if(p.tagName == "A"){p.style.position="relative";p.style.display="block";p.style.width=t.width+"px";p.style.height=t.height+"px";s=d.createElement("span");s.style.position="absolute";s.style.color = "white";s.style.backgroundColor = "red";s.style.right="0px";s.style.bottom="0px";s.innerHTML=t.width+"x"+t.height;p.appendChild(s);}}void(0);

2、查看浏览器高度

javascript:alert(window.screen.availHeight);void(0);
打赏

本文固定链接: https://www.cxy163.net/archives/4436 | 绝缘体

该日志由 绝缘体.. 于 2013年05月23日 发表在 未分类 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: Js地址栏特效(显示页面内所有加链接的图片的大小和查看当前的浏览器的高度) | 绝缘体
关键字: , , , ,

Js地址栏特效(显示页面内所有加链接的图片的大小和查看当前的浏览器的高度):等您坐沙发呢!

发表评论


快捷键:Ctrl+Enter