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

最新推荐文章于 2022-09-16 23:37:19 发布

aije915

最新推荐文章于 2022-09-16 23:37:19 发布

阅读量289

点赞数

分类专栏： js 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/aije915/article/details/84184682

版权

js 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

很多人认为编程语言只是用于工作，没有什么乐趣，其实，只要我们发挥奇思妙想，再死板的东西也有有趣的一面。这篇文章告诉大家：使用JavaScript，可以做很多很多有趣的事情。以下代码拷贝到地址栏回车即可运行，赶紧试试吧。

1. 网页射击游戏

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

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

2. 让图片飞起来

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

1

 
         javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200;  
        
 
         var 
         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++}tag=setInterval( 
         'A()' 
         ,5 ); 
        
 
         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);` `self.moveBy(i,0);self.moveBy(0,-i);self.moveBy(-i,0); }}}} Shw(6);`