几个有趣的Javascript Hack


Posted in Javascript onJuly 24, 2010

1. 直接在浏览器中编辑网页内容

javascript:document.body.contentEditable='true';document.designMode='on'; 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)+"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

如果这个代码无效,请将">"改成">","&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.");
Javascript 相关文章推荐
jquery 实现二级/三级/多级联动菜单的思路及代码
Apr 08 Javascript
JavaScript根据数据生成百分比图和柱状图的实例代码
Jul 14 Javascript
D3.js 从P元素的创建开始(显示可加载数据)
Oct 30 Javascript
jQuery实现的倒计时效果实例小结
Apr 16 Javascript
jQuery基于函数重载实现自定义Alert函数样式的方法
Jul 27 Javascript
概述jQuery中的ajax方法
Dec 16 Javascript
angularjs使用gulp-uglify压缩后执行报错的解决方法
Mar 07 Javascript
webuploader分片上传的实现代码(前后端分离)
Sep 10 Javascript
Vue编写可显示周和月模式的日历 Vue自定义日历内容的显示
Jun 26 Javascript
Vue实现简单计算器案例
Feb 25 Javascript
从表单校验看JavaScript策略模式的使用详解
Oct 17 Javascript
js实现头像上传并且可预览提交
Dec 25 Javascript
用jquery实现等比例缩放图片效果插件
Jul 24 #Javascript
js ondocumentready onmouseover onclick onmouseout 样式
Jul 22 #Javascript
javascript基础第一章 JavaScript与用户端
Jul 22 #Javascript
aspx中利用js实现确认删除代码
Jul 22 #Javascript
JS实现self的resend
Jul 22 #Javascript
JavaScript编程开发中的五个实用小技巧
Jul 22 #Javascript
关于javascript DOM事件模型的两件事
Jul 22 #Javascript
You might like
PHP模糊查询的实现方法(推荐)
2016/09/06 PHP
php批量转换文件夹下所有文件编码的函数类
2017/08/06 PHP
php解决crontab定时任务不能写入文件问题的方法分析
2019/09/16 PHP
php+mysql+ajax 局部刷新点赞/取消点赞功能(每个账号只点赞一次)
2020/07/24 PHP
封装好的省市地区联动控件附下载
2007/08/13 Javascript
最简单的jQuery程序 入门者学习
2009/07/09 Javascript
jQuery UI Autocomplete 1.8.16 中文输入修正代码
2012/04/16 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(三)情景对话中仿打字机输出文字
2013/01/23 Javascript
分享33个jQuery与CSS3实现的绚丽鼠标悬停效果
2014/12/15 Javascript
浅析C/C++,Java,PHP,JavaScript,Json数组、对象赋值时最后一个元素后面是否可以带逗号
2016/03/22 Javascript
如何解决vue与传统jquery插件冲突
2017/03/20 Javascript
nodeJS服务器的创建和重新启动的实现方法
2018/05/12 NodeJs
JavaScript new对象的四个过程实例浅析
2018/07/31 Javascript
Nodejs Express 通过log4js写日志到Logstash(ELK)
2018/08/30 NodeJs
vue 右键菜单插件 简单、可扩展、样式自定义的右键菜单
2018/11/29 Javascript
微信小程序搭建自己的Https服务器
2019/05/02 Javascript
微信小程序判断页面是否从其他页面返回的实例代码
2019/07/03 Javascript
JavaScript实现多文件下载方法解析
2020/08/07 Javascript
vue-video-player 断点续播的实现
2021/02/01 Vue.js
深入理解javascript中的this
2021/02/08 Javascript
利用python发送和接收邮件
2016/09/27 Python
解决python文件字符串转列表时遇到空行的问题
2017/07/09 Python
python发送邮件实例分享
2017/07/28 Python
pycharm修改file type方式
2019/11/19 Python
python3中使用__slots__限定实例属性操作分析
2020/02/14 Python
Django+Django-Celery+Celery的整合实战
2021/01/20 Python
CSS3教程:background-clip和background-origin
2008/10/17 HTML / CSS
非常震撼的纯CSS3人物行走动画
2016/02/24 HTML / CSS
iHerb中文官网:维生素、保健品和健康产品
2018/11/01 全球购物
French Connection官网:女装、男装及家居用品
2019/03/18 全球购物
Dr. Martens马汀博士德国官网:马丁靴鼻祖
2019/12/26 全球购物
书法比赛获奖感言
2014/02/10 职场文书
法定代表人授权委托书格式
2014/10/14 职场文书
2015年护士节慰问信
2015/03/23 职场文书
只用20行Python代码实现屏幕录制功能
2021/06/02 Python
flex弹性布局详解
2022/03/20 HTML / CSS