5个有趣的浏览器地址栏Javascript代码

写于2008-07-18 – 4:44 下午 | 作者:Jason Ng | 类别 » 网络文摘 |

这又是一篇关于Javascript的文章,上一篇是10个可以用javascript实现的图片特效。这篇分享几个在地址栏实现的Javascript有趣效果和应用。能在浏览器地址栏实现的效果太多了,字体放大、显示所有图片、显示Cookie等等。但这篇文章重点放在“有趣”上面,当你无聊的时候,不妨玩玩。原文来自BlogOhBlog

1、编辑网页

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

代码如下:

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

这是经我重新编辑的google.cn:

2、无敌风火轮

在地址栏运行下面的代码可使页面上所有图片元素一个接一个地转圈。

这种效果最好的实现地方就是图片搜索了:

改变代码里的“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);

3、晃来晃去

不但是你,浏览器也不是那么喜欢这个javascript。在地址栏运行这个代码后,浏览器会迅速地晃来晃去。代码如下:

javascript:function flood(n) {if (self.moveBy) {for (i = 200; i > 0;i--){for (j = n; j > 0; j--) {self.moveBy(1,i); self.moveBy(i,0);self.moveBy(0,-i); self.moveBy(-i,0); } } }}flood(6);{ var inp = "D-X !msagro na dah tsuj resworb rouY"; var outp = ""; for (i = 0; i <= inp.length; i++) {outp =inp.charAt (i) + outp ; } alert(outp) ;}; reverse

如果这个代码无效,请将"&gt;"改成">","&It;'改成"<"。

4、计算器

在地址栏输入下面的代码,可以实现简单的四则运算:

 javascript: alert(34343+3434-222);

事实上这个代码可以继续简化,比如简化成这样:

javascript: 34343+3434-222

5、防钓鱼验证

某些钓鱼网站提供的URL和网页本身的URL是不一致的,你可以用下面的代码进行验证,当两个URL相差太大的时候,你就要稍加小心了:

javascript:alert("The actual URL is:tt" + location.protocol + "//" + location.hostname + "/" + "nThe address URL is:tt" + location.href + "n" + "nIf the server names do not match, this may be a spoof.");

很有趣,不是吗?

收藏或分享这篇文章到网摘:

Tags: , ,

除非注明,本博客文章均为原创,转载请以链接形式标明本文地址
本文地址:http://www.kenengba.com/post/483.html
Trackback地址:http://www.kenengba.com/post/483.html/trackback

  1. 24 条评论 关于 “5个有趣的浏览器地址栏Javascript代码”

  2. Gravatar Icon
    bigslowfat 发表于 7 18, 2008

    晃来晃去好像在一些浏览器(包括IE6 for XP SP1)上面不起作用啊?

    [回复此评论]

    Gravatar Icon
    Jason Ng 回复于 7月 18th, 2008:

    恩,是的,在一些浏览器里不起作用。我用FF3测试基本良好。

    [回复此评论]

  3. Gravatar Icon
    阿猫 发表于 7 18, 2008

    我也把博客程序换成WP的了
    对了咨询一下,怎么在摘要里面显示图片?
    用了什么插件?

    [回复此评论]

    Gravatar Icon
    Jason Ng 回复于 7月 18th, 2008:

    我不用摘要显示。使用more标签。

    [回复此评论]

  4. Gravatar Icon

    数据库好了

    [回复此评论]

  5. Gravatar Icon
    9527 发表于 7 19, 2008

    [回复此评论]

    Gravatar Icon
    Jason Ng 回复于 7月 19th, 2008:

    这个回答很风趣。

    [回复此评论]

  6. Gravatar Icon
    大猫 发表于 7 19, 2008

    好玩
    我输入javascript:alert("美女图片")
    真的出来美女图片耶

    [回复此评论]

    Gravatar Icon
    Jason Ng 回复于 7月 19th, 2008:

    这个想法太淫荡了。

    [回复此评论]

  7. Gravatar Icon
    usun 发表于 7 19, 2008

    你好,Jason Ng。订阅你的博客有段时间了,收获很大。
    希望能跟你博客交换个链接。
    地址是:www.hillfill.com

    [回复此评论]

    Gravatar Icon
    Jason Ng 回复于 7月 19th, 2008:

    你的友情链接已添加。

    [回复此评论]

    Gravatar Icon
    usun 回复于 7月 20th, 2008:

    谢谢,你的我也加好了。
    p.s.邮件订阅留言的功能挺好,是插件吗?

    [回复此评论]

    Gravatar Icon
    Jason Ng 回复于 7月 20th, 2008:

    是的,Wordpress Thread Comment插件。

    [回复此评论]

    Gravatar Icon
    usun 回复于 7月 20th, 2008:

    谢谢,安装了。

    [回复此评论]

  8. Gravatar Icon
    zunch 发表于 7 20, 2008

    很有意思,收藏了,

    [回复此评论]

  9. Gravatar Icon
    maqingxi 发表于 7 20, 2008

    喜欢第一个,恶搞最适合,呵呵。

    [回复此评论]


  10. 编辑网页 太强啦

    [回复此评论]

  11. Gravatar Icon
    doglish 发表于 7 21, 2008

    最后一个代码的 \n 反了
    结果输出成 /n 了...

    [回复此评论]

  12. Gravatar Icon
    doglish 发表于 7 21, 2008

    改了一下 最后一个应该是这样的:
    javascript:alert("The actual URL is:" + location.protocol + "//" + location.hostname + "\n" +"The address URL is:" + location.href + "\n" + "If the server names do not match, this may be a spoof.");

    [回复此评论]


  13. javascript: 34343+3434-222
    这个我喜欢

    [回复此评论]

  14. Gravatar Icon
    杨飒 发表于 7 25, 2008

    很好,很YD!

    [回复此评论]

  15. Gravatar Icon
    HJin 发表于 7 29, 2008

    玩过……如果那个站长真的把这个插入网页了,那就太……

    [回复此评论]

  16. Gravatar Icon
    不凡 发表于 10 4, 2008

    不错!我欣赏...

    [回复此评论]

  1. 1条引用

  2. 7 19, 2008: 虫子的执着

我也说几句

----------

有问题不妨先搜索,或许答案已在互联网上

----------

我的社会网络

进行订阅

 选择多种方式订阅 或者, 选择下面的快捷订阅方式

订阅到Google 订阅到抓虾 订阅到鲜果

文章搜索