5个有趣的JavaScript代码片段分享

开发 前端
很多人认为编程语言只是用于工作,没有什么乐趣,其实,只要我们发挥奇思妙想,再死板的东西也有有趣的一面。这篇文章告诉大家:使用JavaScript,可以做很多很多有趣的事情。

以下代码拷贝到地址栏回车即可运行,赶紧试试吧。

1. 网页射击游戏

这个游戏可以在任何网页里面玩,把下面代码粘贴到地址栏回车,按空格键进行射击,W键可前进,A、D键或者方向键可改变射击方向。

  1. javascript:var%20s%20=%20document.createElement('script');s.type='text/javascript';
  2. document.body.appendChild(s);s.src='http://erkie.github.com/asteroids.min.js';void(0); 

2. 让图片飞起来

只要把下面的代码贴到浏览器的地址栏里然后按Enter键,当前网页的所有图片都将动起来。

  1. javascript:R=0x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300y4=200x5=300y5=200
  2. var DIdocument.getElementsByTagName("img"); 
  3. DIDIL=DI.length; function A(){for(i=0; i<DIL; i++){DIDIS=DI[ i ].style; 
  4. DIS.position='absolute'DIS.left=Math.sin(R*x1+i*x2+x3)*x4+x5+"px"; 
  5. DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5+"px"}R++}tag=setInterval('A()',5 );
  6. document.onmousedown=function(){clearInterval(tag);for(i=0; i<DIL; i++){DI[i].style.position="static";}}; void(0) 

3. 让网页可编辑

此JavaScript代码,可以让你实时修改任何的网页,在Firefox中,你甚至可以把修改的网页保存到起来,对于网页设计者来说,这个功能可以辅助完善页面效果。

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

4. 让浏览器抖起来

改变浏览器窗口尺寸到普通模式,可能半屏的效果是最好的。把下面的代码贴到地址栏,按Enter键(貌似只有IE有效果)。

  1. javascript:function Shw(n) {if (self.moveBy) {for (i = 35; i > 0; i--) {for (j = n; j > 0; j--) {self.moveBy(1,i);
  2. self.moveBy(i,0);self.moveBy(0,-i);self.moveBy(-i,0); }}}} Shw(6); 

5. 地址栏计算器

哈哈,这个以前还真不会想到,地址栏就是个计算器嘛。

  1. javascript: alert(4+5+6+7+(3*10)); 

原文:http://www.cnblogs.com/lhb25/archive/2011/07/10/fun-javascript-snippets.html

【编辑推荐】

  1. JavaScript来实现的超炫组织结构图
  2. 7款最受欢迎最实用的JavaScript代码高亮脚本
  3. 用JavaScript编写程序实现文本滚动
  4. 最流行的JavaScript框架间对比信息表
  5. 快速判断JavaScript对象是否存在的十个方法
责任编辑:陈贻新 来源: 梦想天空
相关推荐

2011-07-07 10:35:53

htaccess

2023-10-10 16:16:05

JavaScrip开发

2023-10-09 14:48:06

2023-05-22 15:53:06

JavaScrip代码素材

2011-07-14 10:07:19

PHP

2019-12-03 19:09:19

JavaScriptNumbers阿里云计算

2020-11-16 16:04:42

CSS设计代码

2023-06-16 16:34:25

JavaScripWeb 开发

2024-01-04 16:46:58

JavaScript开发

2023-11-03 16:02:00

JavaScript开发

2023-12-26 14:28:08

JavaScript开发

2021-09-17 15:31:47

代码JavaScript数组

2021-09-03 10:08:53

JavaScript开发 代码

2023-06-13 15:15:02

JavaScript前端编程语言

2018-05-10 15:35:03

前端代码图像

2017-12-14 17:14:32

GithubJavaScript程序员

2012-11-27 10:23:18

CSSWeb开发

2019-11-14 15:30:34

JavaScript代码前端

2023-07-17 15:28:03

JavaScrip开发

2011-11-23 09:21:43

jQuery
点赞
收藏

51CTO技术栈公众号