浏览器地址栏执行javascript代码

  所谓IE地址栏表达式,就是在IE的地址栏中输入 javascript:<代码>,执行某些功能,来动态改变原有页面的参数以达到某些目的,例如开放被禁止的按钮、显示原本隐藏的图片等等。本文将就IE地址栏的使用方法做一个详细的说明。

1. 表达式的书写方法

  在IE的地址栏中输入 javascript:<代码>,即可在当前页面上直接执行指定的代码并立即看到效果。而且,<代码>中可以包含多条语句,甚至可以包含 if/for 等流程控制语句。

  代码一般有两种写法:

  javascript:<表达式>该写法将会执行表达式,并将表达式的结果在当前页面内显示。

  javascript:<函数>该表达式将会执行指定的函数,而当前页面的显示不会受到影响。

  那么IE如何区分地址栏中输入的代码到底是函数还是表达式?其实很简单,代码的最后一条语句以参数列表 () 结束,则作为函数处理,不更新页面显示;代码的最后一条语句不以 () 结束,则作为表达式处理,在当前页面内显示表达式的计算结果。

  例如,在IE的地址栏中输入:

  javascript:1+2该表达式的末尾并非参数列表,因此IE将1+2看作表达式,执行结果将显示在当前窗口内

  而下面这段代码:

  javascript:alert("Hello, world!")代码末尾为参数列表,因此IE将其看作函数,执行之后将出现弹出窗口,但是网页的内容不会有任何变化。

  再如,javascript:alert该代码执行后,当前窗口内显示:[object]这是因为代码末尾不是参数列表,因此IE将其作为表达式来处理。alert 为 window 对象的一个方法,也算作“[object]”,所以出现了上面的结果。

  再看下面的例子:

  javascript:a=1;b=2;c=3;alert(a+b*c)虽然该段代码中包含了赋值表达式和alert()函数,但由于代码最末尾是参数列表,因此页面内容不会更新。

2. 将表达式转化为函数

  通常我们希望使用 javascript:<函数> 这种格式,因为 javascript:<表达式> 会改变页面内容而使得修改失去意义。但有时我们不得不使用赋值表达式来达到目的,这就需要将表达式转换为函数来执行。这就需要利用一个特殊的函 数:void()。该函数带有一个参数。

  比较常用的转化方式有两种。一种是将表达式作为void()函数的参数,例如:

  javascript:void(a=1)执行之后页面内容没有任何变化,但是页面内名为a的变量已经赋值为1了。另一种方法是在整个代码的最后执行void()函数,例如:javascript:a=1;void(0)也可以达到同样的效果。

  在网上通常可以找到一些网页的hack代码,例如:

  javascript:void(document.all.btn1.disabled=false); void(document.all.btn2.disabled=false)该段代码对每一个表达式执行了一次 void()函数。实际上有更简单的方法,只需要执行一次即可:

  javascript:document.all.btn1.disabled=false;document.all.btn2.disabled=false;void(0)

3. 常用hack代码

这里介绍一些常用的 hack 代码段,大家可以灵活运用。

3.1 查找页面内元素

  使用 document 对象的 all 集合和 getElement 系列方法可以轻易地找到页面上各种元素。如果知道一个元素的id(假设为myelement),则可以通过下面两种方式获得该元素:

  document.all.myelementdocument.getElementById('myelement')如果不知道元素的id,但知道元素的HTML标签名(假设为TAGNAME),则可以通过下面的代码获得所有相同标签的元素:

  document.getElementsByTagName('TAGNAME')返回值为一个集合,通过该集合的 item 方法可以获取其中的一个元素。例如,修改页面上的第三个超链接的颜色为绿色:

  javascript:document.getElementsByTagName('A').item(2).style.color="green";void(0)将页面上所有的 TD 元素的背景颜色修改为红色:

  javascript:tds=document.getElementsByTagName('TD');for(i=0;i<tds.length;i++){tds.item(i).style.backgroundColor="red";}void(0)

3.2 定义函数

  可以在地址栏中直接书写function语句来定义函数。例如,先在地址栏中输入:

  javascript:function hello(){alert("Hello!");}确定之后,再次在地址栏中输入:

  javascript:hello()即可看到弹出窗口。

3.3 调用函数

  其实在地址栏里运行脚本的作用域就是当前页面的脚本作用域,利用这个特点我们除了可以简单的执行脚本语句,还可以辅助我们调试脚本,比如我希望察看 一些变量的值,例javascript:alert(mythinkingNumber),调用函数,例javascript:getURL(),例 javascript:alert(Math.abs(-10)+10),而我们又不需要进入复杂的调试模式。

  这里我们除了可以在地址栏里写JavaScript:外,同时还可以写vbscirpt: alert("ok!"),ecmascript:和jscirpt。不过ecmascript会自动被转为javascirpt,jscript会被转为vbscript。

  比如我们学校教务处网站,在评教的时候必须要在页面停留2分钟才行,javascript:document.frames[1].document.frames[2].setFlag();在地址栏输入上面这行代码,并按回车键,就可以取消2分钟的等待时间,原理很简单,教务处网站采用的是用户本地验证,所以这行代码就是调用时间到了的函数setFlag(),重置了一个标记而已,以上代码是二次框架页面的用法。

3.4 显示效果类特效

  通过各个元素的 style.zoom 属性可以设置该元素的显示比例。例如,将页面整体显示比例扩大为150%:

  javascript:document.style.zoom='150%';void(0)通过各个元素的 style.display 和 style.visibility 属性可以显示/隐藏该元素。style.display=""可以显示元素,style.display="none"可以隐藏元素,而且被隐藏的元素不 会占用页面位置,就像根本不存在一样;style.visibility=false可以隐藏元素,但是被隐藏的元素还会保持原有的位置和大 小;style.visibility=true可以显示元素。例如,隐藏所有图片:

javascript:a=document.getElementsByTagName('IMG');for(i=0;i<a.length;i++)a.item(i).style.visibility=false;void(0)3.4 其他

显示页面所有链接:

javascript:a=document.getElementsByTagName("A");newwindow=window.open("newwindow");newwindow.document.open();for(i=0;i<a.length;i++){newwindow.document.write("<a href='"+a.item(i).href+"'>"+a.item(i).innerText+"</a><br>");}newwindow.document.close();void(0)

编辑网页

  在地址栏输入下面的代码按enter,网页上所有元素都能变成可编辑状态,你可以移动、调整元素大小。如果你只是讨厌某个网站想发泄一下,建议你使用NetDisater。

代码如下:

javascript:document.body.contentEditable='true'; document.designMode='on'; void 0

无敌风火轮,在地址栏运行下面的代码可使页面上所有图片元素一个接一个地转圈,这种效果最好的实现地方就是图片搜索了:

  改变代码里的“img”成任何网页上有的字符,可以使这些字符做无敌风火轮运动。

代码如下:

javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.getElementsByTagName("img"); DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=(Math.sin(R*x1+i*x2+x3)*x4+x5)+"px"; DIS.top=(Math.cos(R*y1+i*y2+y3)*y4+y5)+"px"}R++}setInterval('A()',5); void(0);

显示网页中的所有图片
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!')}

显示网页中除图片的其他
javascript:for(jK6bvW=0;jK6bvW<document.images.length;jK6bvW++){void(document.images[jK6bvW].style.visibility='hidden')}

显示网页源代码(对于加密过的可以直接显示其加密前的源代码)
javascript:s=document.documentElement.outerHTML;document.write('<body></body>');document.body.innerText=s;

网页放大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','150%')

网页缩小0.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%')

来源:http://blog.csdn.net/hanzhou4519/article/details/7611818

加支付宝好友偷能量挖...


评论(0)网络
阅读(509)喜欢(0)JavaScript/Ajax开发技巧