神奇的代码——JavaScript在浏览器中的妙用

简介: <p style="background:#F3F3F3">  现精心从网上淘了一些有价值的JavaScript代码,有兴趣的可以试试。方法:将给出的代码复制到浏览器地址栏(如果你够笨,那你就对照着一个字符一个字符的敲吧,我晕~~)然后回车就行了。</p> <p>       <span style="color:yellow"> </span><strong>1.在任意网站上随意涂鸦<

  现精心从网上淘了一些有价值的JavaScript代码,有兴趣的可以试试。方法:将给出的代码复制到浏览器地址栏(如果你够笨,那你就对照着一个字符一个字符的敲吧,我晕~~)然后回车就行了。

        1.在任意网站上随意涂鸦

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

        这是一段神奇的代码,利用此代码黑掉Google、Baidu……简直就是举手之劳啊!只要你在IE浏览器任意打开一个网站,然后在浏览器上输入前面这段代码然后回车,你就可以随心所欲的修改这个网站啦!想想google的页面被自己改得面目全非,是不是过足了黑客瘾啊!

       输入如下代码,将退出编辑状态:javascript:document.body.contentEditable='false';void(0)

        2.更改网页,让图片脱离网页飞行

        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.images; 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; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5}R++}setInterval('A()',5);void(0);

        3.解除右健锁定

        javascript:functiondocument.oncontextmenu(){return true;} function document.onselectstart(){returntrue;} function document.onsdragstart(){return true;}

        4.显示网页中的所有图片

       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!')}

        5.显示网页中除图片的其他

       javascript:for(jK6bvW=0;jK6bvW<document.images.length;jK6bvW++){void(document.images[jK6bvW].style.visibility='hidden')}

        6.显示网页源代码(对于加密过的可以直接显示其加密前的源代码)

       javascript:s=document.documentElement.outerHTML;document.write('<body></body>');document.body.innerText=s;

        7.网页放大1.5倍

       javascript:void(s=document.body.style);void(z=s.getAttribute('zoom'));if(z){s.setAttribute('zoom',(parseInt(z)+50)+'%');}elses.setAttribute('zoom','150%')

        8.网页缩小0.5倍

       javascript:void(s=document.body.style);void(z=s.getAttribute('zoom'));if(z){s.setAttribute('zoom',(parseInt(z)-50)+'%');}elses.setAttribute('zoom','50%')

        9.把隐藏的表单显示出来

       javascript:for(i=0;i<document.all.length;i++){document.body.all[i].maxLength=2147483647;document.body.all[i].outerHTML=document.body.all[i].outerHTML.replace(/type=(radio)|(hidden)|(checkbox)/i,'type=text');}void(0)


再发一些Javascript和Html5结合起来实现的绚丽效果。

3D玫瑰

http://www.csdn.net/article/2012-02-09/311621

3D圣诞树

http://www.csdn.net/article/2010-12-24/286274

3D小蜜蜂

http://www.lupaworld.com/article-223032-1.html

more

http://js1k.com/2010-xmas/demos


 

目录
相关文章
|
11天前
|
JSON JavaScript 前端开发
JavaScript原生代码处理JSON的一些高频次方法合集
JavaScript原生代码处理JSON的一些高频次方法合集
|
18天前
|
JavaScript 前端开发 UED
JS:如何获取浏览器窗口尺寸?
JS:如何获取浏览器窗口尺寸?
25 1
|
1月前
|
存储 JavaScript 前端开发
非常实用的JavaScript一行代码(整理总结)
非常实用的JavaScript一行代码(整理总结)
27 0
|
1天前
|
JavaScript 前端开发
JavaScript如何获得浏览器的宽高
JavaScript如何获得浏览器的宽高
|
4天前
|
JavaScript 前端开发 安全
JavaScript DOM 操作:解释一下浏览器的同源策略。
**同源策略**是浏览器安全基石,它阻止脚本跨不同协议、域名或端口访问资源,防止恶意行为。例如,HTTP页面无法直接用JS获取HTTPS页面内容。**CORS**允许跨域请求,但需服务器配合设置,通过`document.domain`属性可配置,但仍受限于服务器配置。
10 4
|
6天前
|
监控 前端开发 JavaScript
如何使用浏览器调试前端代码?
【4月更文挑战第11天】前端开发中,浏览器调试是关键技能,能提升代码质量。本文介绍了如何使用浏览器的调试工具:1) 打开调试窗口(F12或右键检查);2) Elements标签页检查DOM结构和样式;3) Console调试JavaScript,查看日志和错误信息;4) Sources设置断点调试JS文件;5) 利用Network、Performance和Memory等标签页优化性能。熟悉调试工具、利用日志和错误信息能有效定位问题,提高开发效率。
16 7
|
11天前
|
JavaScript
【归总】原生js操作浏览器hash、url参数参数获取/修改方法合集
【归总】原生js操作浏览器hash、url参数参数获取/修改方法合集
|
16天前
|
存储 JavaScript 前端开发
在浏览器中存储数组和对象(js的问题)
在浏览器中存储数组和对象(js的问题)
|
26天前
|
JSON 前端开发 JavaScript
16个重要的JavaScript代码
16个重要的JavaScript代码
30 1
|
28天前
|
JavaScript
当当网新用户注册界面——JS代码
当当网新用户注册界面——JS代码
7 0