分享5個有趣的 JavaScript 程式碼片段

　　很多人認為程式設計語言只是用於工作，沒有什麼樂趣，其實，只要我們發揮奇思妙想，再死板的東西也有有趣的一面。這篇文章告訴大家：使用JavaScript，可以做很多很多有趣的事情。以下代碼拷貝到地址欄斷行符號即可運行，趕緊試試吧。

1. 網頁射擊遊戲

這個遊戲可以在任何網頁裡面玩，把下面代碼粘貼到地址欄斷行符號，按空格鍵進行射擊，W鍵可前進，A、D鍵或者方向鍵可改變射擊方向。

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鍵，當前網頁的所有圖片都將動起來。

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中，你甚至可以把修改的網頁儲存到起來，對於網頁設計者來說，這個功能可以輔助完善頁面效果。

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

4. 讓瀏覽器抖起來

改變瀏覽器視窗尺寸到普通模式，可能半屏的效果是最好的。把下面的代碼貼到地址欄，按Enter鍵（貌似只有IE有效果）。

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);

5. 地址欄計算機

哈哈，這個以前還真不會想到，地址欄就是個計算機嘛。

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

您可能還喜歡

• 分享15款很棒的 JavaScript 開發工具
• 推薦19個很有用的 JavaScript 庫
• 8個驚豔的JavaScript WebGL 應用實驗
• 14個非常棒的 JavaScript 遊戲開發架構推薦
• 九個讓人難以置信的HTML5和JavaScript實驗

參考文章：Fun JavaScript Snippets

編譯來源：夢想天空 ◆ 關注前端開發技術 ◆ 分享網頁設計資源