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

  现精心从网上淘了一些有价值的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

 

时间: 2024-09-11 08:26:14

神奇的代码——JavaScript在浏览器中的妙用的相关文章

讨论html与javascript在浏览器中的加载顺序问题_javascript技巧

前一阵子横扫了javascript,当时自我感觉良好.现在一想,又觉得没什么.今天的任务是把asp.net ajax中客户端页面生命周期那一章研究完.然而,因为这一章的内容使我产生了一些迷惑.这些疑惑在书中都没有只字提及. 一.html页面的详细加载过程是什么呢?页面元素在加载时的优先级是什么? 二.javascript的作用域.变量的作用域.不同脚本段之间的关系? 三.html页面的生命周期? 这些问题真的打中了我的死穴.不了解这些,我就无法透过asp.net ajax的框架看到其底层原理.只

用javascript修复浏览器中头痛问题的方法整理篇[译]第1/4页_javascript技巧

如果你不了解其中的原由,请不用担心,深入一下CSS的规则并且看一下 Using CSS to Fix Anything: 20+ Common Bugs and Fixes 这个文章. 如果上面那篇文章对你毫无帮助,你可以使用下面12个javascript解决方案的其中之一去修复你的问题,并使你的页面看起来跨所有浏览器! 在本文中,我们将为你在web应用开发中遇到的最常见的CSS问题提供12个javascript解决方案. 你也许会对其它的CSS相关文章感兴趣. Using CSS to Do

浏览器中JavaScript执行原理

原文:浏览器中JavaScript执行原理 本章我们讨论javascript在浏览器中是如果工作的,包括:下载.解析.执行的全过程.javascript的这些讨人嫌的地方我们是知道的: i.需要串行下载 ii.需要解析 iii.需要串行执行 而在chrchromium中,js是这样解析的:(其实第一章末尾已经有了) 至于一些步骤的解释,这里就不再复述了,不懂的请戳:浏览器渲染过程 拉至末尾. 简直就是大魔王有木有?心中可有一万只草泥马奔腾而过?为什么在所有的下载线程中: i.css加载不会阻塞页

怎样将网页地址加入浏览器中 用javascript代码编写的代码实现

问题描述 [size=24px][size=18px]如何将网页地址添加到浏览器收藏夹中用javascript代码编写的我在把自己写的网页路径添加到浏览器中怎么不行呀浏览器中地址的格式一定要为http开头的吗??谢谢大家帮我解决一下 解决方案 解决方案二:谢谢各位学哥学姐们啦帮小弟解答一下

研发周报:神奇!1KB JavaScript代码编写的3D蜜蜂

研发周报:神奇!1KB JavaScript代码编写的3D蜜蜂 发表于2013-03-29 13:43| 次阅读| 来源CSDN| 0 条评论| 作者张红月 研发周报JavaScriptPatrick Wyatt游戏开发第三方应用开放平台开源Polycode 摘要:忙碌的一周总算过去,闲暇时不妨来细细品味我们精心为你呈现的这份技术大餐.本期热点:神奇!1KB JavaScript代码编写的3D蜜蜂:魔兽之父专访:今年游戏产业会出现 一场革命:回顾:那些被平台方封杀的第三方应用. 我们挑选了本周研

Dom + Javascript 在本机浏览器中对的表格数据进行排序

dom|javascript|浏览器|排序|数据 在本机浏览器中对的表格数据进行排序在Web应用中,数据从服务器端返回到客户端,以表格形式表现出来.如果要对数据集按指定的列排序显示,常规做法都是向服务器发出请求,服务器端程序重新从数据库中取出按指定列排序的数据,返回给客户端,页面重新显示排序后数据. 采用这种方式有如下缺点:1- 响应时间延迟,每次排序都要向服务器端发送请求,等待结果返回,同时增加网络负载.2- 编程复杂,可维护性差,而且客户端和服务器端代码耦合度很高,客户端和服务器端都要处理排

如何在浏览器中打开PDF文件并实现预览的思路与代码

 其实也就是简单的在浏览器中实现一个打开pdf文件,并有类似预览功能的边框. 其实在网上经常见到类似的页面,在浏览器中打开pdf文档,可大部分都是由于版权的原因使用了一些很特殊的技术,自然很难模仿了. 即使有直接在浏览器打开的例子,也必须手动点击一下链接然后才能打开pdf文件.如何直接打开,而不用点击链接呢? 本以为自己对js很熟,也就使用js模拟点击,可就是不管用,没办法,只能在网上继续寻找资料.最终想不到代码却很简单. 最主要的是使用到了一个jquery的插件jquery.media.js,

JavaScript跨浏览器获取页面中相同class节点的方法

 这篇文章主要介绍了JavaScript跨浏览器获取页面中相同class节点的方法,本文讲解使用getELementsByClassName函数解决这个需求,并给了一个开源的getELementsByClassName函数实现,功能更加强大,需要的朋友可以参考下     网页开发时,在很多时候我们需要操作相同类名的元素,即class相同的元素.昨天参加笔试,有一道相关的题目没答上来: JavaScript获取页面中class为test的节点 于是收集了一些相关的资料,在本文中列举了两种我觉得比较

浏览器中url存储的JavaScript实现_基础知识

现在的浏览器里,有一个十分有趣的功能,你可以在不刷新页面的情况下修改浏览器URL;在浏览过程中.你可以将浏览历史储存起来,当你在浏览器点击后退按钮的时候,你可以冲浏览历史上获得回退的信息,这听起来并不复杂,是可以实现的,我们来编写些代码.来看看它是如何工作的. var stateObject = {}; var title = "Wow Title"; var newUrl = "/my/awesome/url"; history.pushState(stateOb