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

作者:Jason Ng 来源:可能吧 时间:2008-07-21 13:04:00 

这篇分享几个在地址栏实现的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

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.");

很有趣,不是吗?

标签:浏览器,javascript,代码
0
投稿

猜你喜欢

  • Python3+OpenCV2实现图像的几何变换(平移、镜像、缩放、旋转、仿射)

    2022-01-24 03:20:13
  • go语言LeetCode题解720词典中最长的单词

    2023-08-05 19:46:04
  • MySQL数据库实验实现简单数据库应用系统设计

    2024-01-27 04:49:34
  • 浅谈SQL Server中的三种物理连接操作(性能比较)

    2024-01-25 22:11:56
  • Python Log文件大小设置及备份的方法

    2022-08-02 13:46:14
  • Python实现类似比特币的加密货币区块链的创建与交易实例

    2022-03-19 15:49:49
  • python 对任意数据和曲线进行拟合并求出函数表达式的三种解决方案

    2021-10-02 12:40:16
  • Python爬虫实战演练之采集拉钩网招聘信息数据

    2022-02-05 12:54:32
  • Go语言协程处理数据有哪些问题

    2024-02-12 04:54:53
  • JS脚本实现网页自动秒杀点击

    2024-04-16 09:36:09
  • ASP 关于动态数据显示页面得锚点

    2007-11-04 20:28:00
  • 如何用Python绘制棒棒糖图表

    2021-05-02 06:26:33
  • Ajax+Servlet+jsp显示搜索效果

    2023-06-14 08:29:34
  • Javascript中的arguments对象

    2024-04-30 09:50:54
  • SQL SERVER数据操作类代码

    2012-07-11 16:16:12
  • Python装饰器基础概念与用法详解

    2021-07-07 12:32:46
  • Python绘制雷达图时遇到的坑的解决

    2021-05-18 00:09:03
  • vue webpack打包后图片路径错误的完美解决方法

    2024-05-28 16:10:33
  • vue实现选项卡及选项卡切换效果

    2024-05-08 09:33:17
  • Python3实现带附件的定时发送邮件功能

    2023-07-08 23:33:57
  • asp之家 网络编程 m.aspxhome.com