浏览 2431 次
锁定老帖子 主题:(ZT) 刚看到的一个老贴 挺好玩的
精华帖 (0) :: 良好帖 (0) :: 灌水帖 (0) :: 隐藏帖 (0)
|
|
---|---|
作者 | 正文 |
发表时间:2006-11-14
一、先来看一个范例 为了便于叙述,我们先来看一个实际的例子。该实例实现的功能为:在浏览任意网页时,使用收藏夹中的菜单命令来控制不显示该网页所有图片,以便加快网页打开的速度。 step1:打开IE,访问任意网站,将其添加到收藏夹。选择“收藏”菜单,找到刚才添加的网站,在其上单击右键,选择“属性”命令打开“属性”窗口。 step2:在“Web 文档”选项卡下,将“URL”栏的地址修改为“javascript:for(jK6bvW=0;jK6bvW<document.images.length;jK6bvW++){void(document.images[jK6bvW].style.visibility='hidden')}”(输入时不带中文引号,所有标点符号都在英文状态下输入,下面提到的所有代码也作同样要求)。 step3:切换到“常规”选项卡,将该收藏项的名称修改为“不显示网页图片”。 设置完毕后,我们在浏览网页时运行“收藏→不显示网页图片”即可屏蔽下载所浏览页面的图片了,是不是非常的方便实用呢?下面要介绍的所有功能都跟该实例的实现方法类似,所不同的是实现各种功能的URL值以及收藏项的名称。 二、实战开始~ 实战1:有时候网页的文字太小,有时候又太大,能不能提供一种简单的让当前网页文字缩小、放大,并可以随意设置倍数的方法? URL值:“javascript:void(s=document.body.style);void(z=s.getAttribute('zoom'));if(z){s.setAttribute('zoom',(parseInt(z)+50) +'%');}else s.setAttribute('zoom','150%');”(实现网页文字放大1.5倍)或者“javascript:void(s=document.body.style);void(z=s.getAttribute('zoom'));if (z){s.setAttribute('zoom',(parseInt(z)-50)+'%');}else s.setAttribute('zoom','50%');”(实现网页文字缩小0.5倍)。 实现效果:运行收藏夹相应菜单后,放大(缩小)显示网页中的文字,如果多运行几次,网页文字的大下会成相应比例不断扩大(缩小)。 小提示: 大家可以根据自己的需要设置网页文字的放大倍数,方法为将代码中的“50”和“150”修改为适当的数字,比如要实现网页放大2倍,则将“50”替换为“100”、“150”替换为“200”即可。 实战2:有时候我们访问的页面的背景色为深色,浏览时间久了眼睛容易疲劳,能不能快速更改网页背景色为白色(或者指定的其它颜色)? URL值:javascript:void(document.bgColor='white') 实现效果:运行收藏夹相应菜单后,当前网页背景色自动转换为指定的颜色。 小提示: ★根据自己的习惯,将代码中的“white”(白色)修改为想要的其它颜色。 ★如果你需要在不同的页面使用不同的背景色,那么可以将URL值设置为“javascript:{document.body.background='';void(document.bgColor=prompt('Change%20to%20wh ich%20background%20color?',''))}”,这样当我们按下快捷键后,IE会弹出一个窗口,我们只需在文本输入框中输入“blue”(蓝色)、“black”(黑色)、“yellow”(黄色)等颜色的英文单词即可将网页背景色 转换为相应的颜色。 实战3:有些网页中的超链接跟普通的文字都是一样的颜色,难以辨别,能不能快速将它们区分开来? URL值:javascript:for(nIx5Bs=0;nIx5Bs<document.all.length;nIx5Bs++){if(document.all[nIx5Bs].tagName=='A'){with(document.all[nIx5Bs].style){if(backgroundColor=='yellow'){void(backgroundColor=document.bgColor)}else{void(backgroundColor='yellow')}}}} 实现效果:运行收藏夹相应菜单后,当前网页的所有超链接都以黄色为背景色高亮显示。 实战4:我在访问一个内容比较繁杂的网站时,想在网页文字中察看某个关键字,并将它们标记出来,能实现吗? URL值:javascript:FD983r={x:function(){var%20r,i,s=document.selection.createRange().text;if(!s)s=prompt('Find:','');if(s){ r=document.body.createTextRange();for(i=0;r.findText(s);i++){r.execCommand('BackColor','','yellow');r.collapse(false)};a lert(i)}}};FD983r.x() 实现效果:运行收藏夹菜单,IE弹出一个窗口,在文本窗中输入要查找的关键字,结果网页中会将当前网页中的所有关键字以黄色为背景高亮显示。 实战5:我想批量保存某个网页中的图片,有没有简单点的方法? URL值:javascript:Ai7Mg6P='';for%20(i7M1bQz=0;i7M1bQz<document.images.length;i7M1bQz++){Ai7Mg6P+='<img%20src='+document.images[i7M1bQz].src+'><br>'};if(Ai7Mg6P!=''){document.write('<center>'+Ai7Mg6P+'</center>');void(document.close())}else{alert('No%20images!')} 实现效果:运行收藏夹菜单后,IE会打开一个新窗口,并在该窗口中以列表的形式现实当前网页中所有图片,这样我们要保存图片就方便得多了。 小提示: 我们将URL值设置为“javascript:WN7z=open('','Z6','width=400,height=200,scrollbars,resizable,menubar');DL5e=document.links;with(WN 7z.document){write('<base%20target=_blank>');for(lKi=0;lKi<DL5e.length;lKi++){write(DL5e[lKi].toString().link(DL5e[lKi])+'<br><br>')};void(close())}”,可以实现在新窗口中列出当前网页中的所有超链接的功能。 实战6:我想快速编辑网页中的某段文字,可IE不提供编辑功能,真的只有先复制到记事本中才行吗? URL值:javascript:r4NSy=document.selection.createRange().text;dST7Mt=new%20Date();wSv6=open('','w'+dST7Mt.getTime(),'width =400,height=300');wSv6.focus();with(wSv6.document){write('<center><form><textarea%20rows=15%20cols=40%20wrap>'+r4NSy+'</textarea>');void(close())} 实现效果:选中要编辑的文字,运行收藏夹中的该菜单,IE会打开一个编辑窗口,并且已经将选中的文字放到窗口中了,我们只需要进行编辑即可。 实战7:我看到MyIE2中有一个“向上”的功能,类似于资源管理器中的打开上一级目录,IE如何具有该功能? URL值:javascript:void(location.href=location.href.substring(0,location.href.substring(0,location.href.length-1).lastIndexOf('/')+1)) 声明:ITeye文章版权属于作者,受法律保护。没有作者书面许可不得转载。
推荐链接
|
|
返回顶楼 | |
发表时间:2006-11-14
没有greasemokey能把人逼成这样,呵呵~
|
|
返回顶楼 | |
发表时间:2006-11-15
《精通CSS - 高级Web标准 解决方案》中文版第8页把这称为bookmarklet或favelet,看来牛牛们早这么干了。
|
|
返回顶楼 | |