`
aijezdm915
  • 浏览: 404580 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

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

    博客分类:
  • js
 
阅读更多

 

很多人认为编程语言只是用于工作,没有什么乐趣,其实,只要我们发挥奇思妙想,再死板的东西也有有趣的一面。这篇文章告诉大家:使用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);

5. 地址栏计算器

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

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

 

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

分享到:
评论

相关推荐

    JavaScript特效代码集

    这些代码片段可以帮助开发者快速实现常见功能,节省开发时间,提高工作效率。同时,代码集可能还包括一些高级特效,如3D转换、canvas绘图、SVG动画等,这些技术可以让你的网页呈现出更高级的视觉效果。 此外,...

    272个超酷经典推荐JavaScript代码

    这个资源包包含272个超酷经典的JavaScript代码片段,它们可以帮助开发者实现各种功能和特效,提升用户体验,使得网站更加生动有趣。 1. **基础语法与数据类型**:JavaScript的基础包括变量声明(var, let, const)...

    GloriousDemo有趣的JavaScript库可以获取您的代码并创建在终端中键入的精美动画

    Glorious Demo库的核心功能是模拟代码在终端中的逐行输入和执行过程,这种效果在教学、演示或分享代码片段时特别有用。它能够帮助观众更好地理解和跟随代码的执行流程,增加了代码展示的互动性和趣味性。这个库特别...

    常用的js代码分享 常用的js代码分享

    本文将围绕标题和描述中提到的“常用的js代码”展开,分享一些实用的JavaScript代码片段和应用。 一、日期选择器 日期选择器在网页表单中非常常见,用于方便用户输入日期。在JavaScript中,我们可以使用内置的`Date...

    javascript-melody:有趣JavaScript代码

    在这个项目中,我们可以期待找到一系列巧妙、独特甚至音乐般的JavaScript代码片段。 在JavaScript的世界里,有许多核心概念和技术值得深入探讨。首先,变量和数据类型是JavaScript的基础,包括基本类型(如字符串、...

    javascript100个小例子

    "javascript100个小例子"这个资源集合了100个JavaScript编程的小实例,涵盖了各种操作和效果,非常适合初学者进行实践学习,同时也为项目开发提供了现成的代码片段。 在JavaScript的学习中,了解和掌握以下几个关键...

    一个有趣而棘手的JavaScript示例列表.zip

    在"说明.txt"和"wtfjs_master.zip"这两个文件中,很可能是包含了一些有趣的JavaScript代码片段和解释,这些示例可能涉及JavaScript中的怪癖、陷阱或者不常见的用法。"WTFJS"通常指的是那些让人感到惊讶或困惑的...

    基于Java的Tensai程序员日常学习记录与源码分享

    该项目是一款以Java为主语言的综合性学习资源库,总计包含520个文件,涵盖219个HTML页面、181个Java源代码文件、38个Markdown文档...内容主要包括程序员日常学习记录、bug追踪、新技术探索以及一些有趣的代码片段分享。

    经典的JavaScript小例子

    这个"经典的JavaScript小例子"集合提供了一系列实用的代码片段,旨在帮助开发者理解和应用JavaScript的基本概念,同时激发创新思维,为网站增添互动性和趣味性。 首先,我们要明白JavaScript的主要功能:它可以在...

    有趣的浏览器地址栏JS代码

    在IT领域,特别是前端开发与浏览器交互中,利用JavaScript(简称JS)在浏览器地址栏执行特定代码是一种既有趣又实用的技术。以下是从标题“有趣的浏览器地址栏JS代码”及其描述和部分示例代码中提取的关键知识点,...

    【JavaScript源代码】JavaScript实现打字游戏.docx

    以下是一些关键的 JavaScript 和 HTML 代码片段: **HTML 部分**: ```html &lt;div id="char"&gt;A 请在按键上按下屏幕上显示的字母 ``` 在这个 HTML 结构中,我们定义了两个 div,一个是显示字符,另一个是显示正确...

    Javascript教程

    - **跨平台性**:JavaScript代码可以在多种平台上运行,只要该平台支持JavaScript引擎。 #### 三、JavaScript的关键技术要点 ##### 3.1 脚本编写语言 JavaScript采用了类似于C语言的语法结构,但其灵活性更高。...

    JavaScript特效大全

    总之,"JavaScript特效大全"是一个涵盖广泛、内容丰富的学习资源,无论你是初学者还是有经验的开发者,都可以从中找到灵感和实用的代码片段,提升你的JavaScript技能,创造出更具吸引力的网页应用。通过实际的项目...

    JavaScript特效.rar

    这个"JavaScript特效.rar"压缩包文件显然包含了用于增强网站用户体验的JavaScript代码片段或库。以下是对这些特效及其相关知识点的详细说明: 1. **状态栏特效**: 状态栏特效是指在浏览器底部的状态栏上显示动态...

    javascript基础实践教程

    表达式则是由这些运算符和变量组成的代码片段,它们可以产生值。 3. **控制流程**:掌握条件语句(如`if...else`)和循环(如`for`、`while`、`do...while`)是编写逻辑程序的关键。此外,`switch`语句提供了一种更...

    极力推荐10个短小实用的JavaScript代码段

    3. **文本高亮**:高亮文本是一个常见的需求,可以用于搜索结果的突出显示或者代码片段的注解。这里提供了一个简单的高亮函数,允许自定义高亮样式,不需要依赖外部库。 ```javascript function highlight(text, ...

    Javascript经典实例

    图片中可能包括流程图,帮助解释算法逻辑,或是代码示意图,用于展示特定代码片段的结构。对于初学者来说,这种直观的教学方式可以大大缩短学习曲线,加深对JavaScript动态特性的认识。 在阅读这些实例文档时,...

    Javascript 文档

    表达式是可计算的代码片段,可以产生一个值。运算符包括算术运算符(如加减乘除)、比较运算符(如等于、不等于)、逻辑运算符(如与、或、非),以及位运算符、赋值运算符等。JavaScript还支持条件运算符(三元...

    创建并共享源代码的美丽图像.zip

    将JavaScript代码转化为图像,可以使开发者在博客、社交媒体或者演讲中更直观地展示代码片段,提高受众的理解度。 生成源代码图像的方法通常包括以下步骤: 1. **代码高亮**:首先,我们需要对代码进行高亮处理,...

    JavaScript_让我们一起建立一个很酷的3D网站,你将学习如何制作一个有趣的互动部分的投资组合,比如一个浮动的岛屿和一只

    在这个项目中,我们将使用JavaScript来创建一个独特的3D网站,其中包括一个浮动的岛屿和一只互动元素,这样的设计可以极大地提升网站的吸引力和用户参与度。 在JavaScript中,实现3D效果通常涉及到WebGL技术,这是...

Global site tag (gtag.js) - Google Analytics