«

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

时间:2024-1-19 17:09     作者:韩俊     分类: Javascript


地址栏 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);

标签: javascript

热门推荐