JavaScript可以在浏览器地址栏直接执行~

因为最近在学习 JavaScript,发现除了在HTML里嵌入js代码实现特效之外,在浏览器的地址栏里输入js代码也可以得到意想不到的效果,对于不懂js的朋友们照样适用,只要你把这里的js代码粘到你的IE或firefox的地址栏里再按回车,一切就OK了!下面,follow me...

特效1:编辑网页内容

有时候心情郁闷了是不是想对别人的网页进行涂鸦呢?没问题,js今天就帮你实现梦想!不过,这当然是在你的页面上显示的哦,并不会对网站进行攻击的。反正就是玩玩嘛,那就来吧~

将下面的js代码拷贝粘贴到浏览器地址栏后,按回车,看效果:

 

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

 


哇,百度的主页竟然被你改掉了!

 

特效2:无敌风火轮

何为无敌风火轮呢?就是让网页中所有的图片都按照事先定义好的三角函数(正弦或者余弦等等)的路径游动,就像风火轮似的,这种效果最好的实现地方就是百度或 Google的图片搜索了。其实上次我在群里也发过一个针对Google图片搜索的js代码,那个代码对百度无效,今天这个可是通用的了。使用时建议打开百度或Google的图片搜索,然后随便输个关键字搜索图片,再将下面的代码拷入地址栏,回车。好了,看下面的代码:

 

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()',25); void(0);

 

是不是太长了,没关系,直接拷贝就行!如果感觉风火轮的速度太快,请修改setInterval('A()',25);中第二个参数25的值,增大即可。请看效果:

 


特效3:这个特效很有意思,暂时不告诉大家,让你们自己去试试,代码如下,记住,一定要亲自尝试哦!

 

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 = "!啊辙没,玩好么这是就tpircSavaJ"; var outp = ""; for (i = 0; i <= inp.length; i++) {outp =inp.charAt (i) + outp ; } alert(outp) ;}; reverse

 

注意,该段代码在The World下测试失败,其他的基于IE的浏览器不清楚,望朋友们提出来。不过在IE6下测试通过,效果和IE8一样。

简单说一下这个效果:firefox遇到这段代码,会让firefox窗口在桌面上从左向右闪动,你无法停止它,只有等时间到了才能停止,停止的时候还会弹出一个对话框说“JavaScript就是这么好玩,没辙啊!”;而在IE(我在IE8下测试的)下窗口只是不停的原地闪烁,当鼠标点击时就停止了。其实,IE的效果比较好,哎,遗憾,这个貌似无法截图,算了,大家自己体会吧!

 

特效4:JavaScript计算器

这个没啥含量,就执行了js的一个内置函数,弹出一个窗口,告诉你计算的结果是多少。

 

javascript: alert("让我告诉你58*29等于多少。/n58 * 29 = " + 58*29);

 

看效果:

 


 

特效five:防钓鱼验证

fishing,想必了解网络安全的DX都知道是什么,我就不班门弄斧了。某些钓鱼网站提供的URL和网页本身的URL是不一致的,你可以用下面的代码进行验证,当两个URL相差太大的时候,你就要稍加小心了:

 

javascript:alert(" 该网页真正的URL是:" + location.protocol + "//" + location.hostname + "/" + "/n" + "地址栏的URL是:" + location.href + "/n" + "/n如果这和你预期的地址有出入,说明这很可能是钓鱼网站,请小心访问!");

 


 

本人是刚学习JavaScript,这些有趣的代码当然不是本人写的,不过我都仔细的看过了,令我最最惊奇的是,js竟然可以在浏览器的地址栏里直接运行,牛啊!大家慢慢体会吧!

 

转自:http://blog.pfan.cn/wangwei/44100.html

http://www.php100.com/html/webkaifa/javascript/2009/0418/1553.html

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 1. 用户在浏览器地址栏中输入URL。 2. 浏览器将URL发送给DNS服务器,以获取域名的IP地址。 3. DNS服务器返回IP地址浏览器。 4. 浏览器使用HTTP协议向服务器发送请求。 5. 服务器接收请求并返回响应。 6. 浏览器接收响应并解析HTML代码。 7. 浏览器根据HTML代码渲染页面。 8. 页面加载完成后,浏览器执行JavaScript代码。 9. 页面加载完成后,浏览器会发送异步请求,如AJAX请求,以获取更多数据。 10. 页面加载完成后,浏览器会将页面缓存起来,以便下次访问时更快地加载。 ### 回答2: 亲爱的用户,首先让我来解答你的问题。从浏览器地址栏输入URL到显示页面的步骤大致可以分为以下几步: 1. 域名解析 当你在浏览器中输入网址时,首先浏览器会通过网络调用DNS域名解析服务,将域名解析为一个IP地址,这个IP地址是服务器的地址。 2. 发送HTTP请求 浏览器收到页面的URL和服务器的IP地址后,会向服务器发送一个HTTP请求。这个请求包含请求方法(GET、POST、PUT等)、请求头、请求体等信息。 3. 服务器处理请求 在收到浏览器发送的HTTP请求之后,服务器会根据请求的内容,来进行相应的处理。服务器会解析请求并查找出被请求的资源文件。 4. 服务器响应 服务器在处理完请求后,会将处理结果发送给浏览器。响应包括状态码、响应头和响应体。状态码表示请求的状态,200表示请求成功,404表示请求的资源未找到等。 5. 浏览器解析渲染页面 浏览器在收到服务器响应后,会根据响应的类型来进行相应的处理。如果服务器响应的是HTML文件,浏览器就会对HTML文件进行解析,并根据CSS、JavaScript等文件来进行页面的渲染和呈现。 最终,页面就会在浏览器中呈现给用户。整个过程虽然简单,但其中的原理和技术却十分复杂,需要浏览器、服务器、DNS等多个系统协同合作,才能最终实现我们常见的网络请求和数据传输。 ### 回答3: 当用户在浏览器地址栏输入URL并回车后,会开始URL解析和页面加载的一系列过程。这个过程涉及到多个步骤,可以简述为以下几个步骤: 1. DNS解析:浏览器首先会发送一个DNS请求到本地DNS服务器,请求其解析URL对应的IP地址。如果本地DNS服务器没有缓存该域名对应的IP地址,则会向根域名服务器发送请求,依次查询该域名的顶级域名服务器以及该域名的授权域名服务器,直到找到该域名对应的IP地址,然后再将IP地址返回给浏览器。 2. TCP连接:浏览器通过IP地址连接到服务器上,通过TCP协议进行可靠的连接。 3. 发送HTTP请求:在TCP连接建立后,浏览器会向服务器发送HTTP请求。请求中包含请求类型(GET、POST等)、请求路径、请求头(浏览器信息、语言、Cookie等)和请求体(POST请求携带的表单数据)。 4. 服务器处理请求并返回HTTP响应:服务器接收到请求后进行处理,处理完后会返回HTTP响应。响应中包含状态码、响应头和响应体(HTML、CSS、JavaScript等文件)。 5. 浏览器解析HTML并构建DOM树:浏览器收到响应后,将响应体中的HTML代码解析,构建成DOM树,DOM树用于描述HTML文档的结构和内容。 6. 浏览器解析CSS并构建CSSOM树:浏览器解析响应体中的CSS代码,构建CSSOM树,CSSOM树用于描述HTML元素的样式。 7. 渲染页面:根据DOM树和CSSOM树,浏览器会合并生成渲染树,并进行布局和绘制,最终将渲染结果显示在用户的屏幕上。 以上是从浏览器地址栏输入URL到显示页面的主要步骤。在这个过程中,涉及到浏览器、网络、服务器等多个部分协同工作,以便向用户呈现出最终的页面。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值