很多人认为编程语言只是用于工作,没有什么乐趣,其实,只要我们发挥奇思妙想,再死板的东西也有有趣的一面。这篇文章告诉大家:使用JavaScript,可以做很多很多有趣的事情。以下代码拷贝到地址栏回车即可运行,赶紧试试吧。
1. 网页射击游戏
这个游戏可以在任何网页里面玩,把下面代码粘贴到地址栏回车,按空格键进行射击,W键可前进,A、D键或者方向键可改变射击方向。
1
|
javascript: var %20s%20=%20document.createElement( 'script' );
|
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
分享到:
相关推荐
尽管此代码片段并未深入到Redux中,但确实显示了我在创建通用可重用组件( /SharedComponents )方面的特殊设计选择,以及如何在React / Redux( /Settings )中构建页面。 堆 React Redux CSS模块 示例2-职位搜索...
一些有趣JavaScript代码段 class_extensions #=>用我的JS调味 helpers #=>我可能想重用的一些helper方法 undo #=>我的轻量级功能,用于启动和管理撤消消息框 赛前#=>用于将图像加载到DOM中 long_menu #=>用于...
OC Project 5-JavaScript Quote Generator 这个第一个项目是为那些不熟悉JavaScript编程和算法的人而专门设计的。 您的目标既简单又有趣:您将构建一个随机的报价生成器! 引号将通过组合句子的不同部分来随机构建。...
30秒的代码:超级方便的JS代码片段 CSS模块 包裹模块捆扎机 Wit.ai-从文本解释意图 网络摄像头中的Javascript情绪识别 可解释的解释 功能React式编程 ReactiveX-构建Javascript应用程序的下一个层次 使用ReactiveX...
这个扩展包含代码片段,它基于令人敬畏的软件包。 安装 为了安装扩展,您需要启动命令面板(Ctrl + Shift + P或Cmd + Shift + P)并键入Extensions。 在那里,您可以选择显示已安装的代码片段,也可以安装新的代码...
对于这个演示,顶点着色器简单地通过由 Javascript 代码渲染的两个三角形的顶点。 片段着色器更有趣一些。 在绘制的每个像素上调用片段着色器。 这允许我们对目标图像中的每个像素进行计算。 在这种情况下,它只是...
各种JavaScript Goodies:收集了有趣的代码片段。 一种非常简单的实用程序,用于在保留HTML结构的同时显示语法突出显示HTML,这对于演示DOM选择非常有用。 起源 这可能太简单了,不能单靠自己成为好东西。 但是...
wtfPython是github上的一个项目,作者收集了一些奇妙的Python代码片段,这些代码的输出结果会和我们想象中的不太一样; 通过探寻产生这种结果的内部原因,可以让我们对Python里的一些细节有更广泛的认知。 1.字典键...
dist/scratch每个文件都包含一个小的代码片段,演示了一种技术或解决了一个非常狭窄的问题。 从外壳执行每个文件,一些接受的参数传递给脚本。 一旦构建了js文件,请确保在文件夹上授予用户执行权限chmod u+x dist/...
这个仓库中的文件夹包括一些个人笔记,以及我在学习相应语言/工具时遇到的有趣的代码片段。我的学习笔记(随时查看!): 上次更新时间为2020年8月2日最后更新于2020年7月23日进度记录2020年7月完成了Codecademy ...
CSS应用程序和游戏 无需使用任何JavaScript即可在CSS和HTML上开发的微型应用程序和游戏的集合 项目 该项目分为两个部分:... 开发这些代码片段不仅很有趣,而且也确实具有教育意义。 真的。 如何? ...即将推出...
所以你忘记了JavaScript 一段时间没有使用JS了吗? 这些简洁的音符可能会拖慢记忆。 有些很有趣。 列出了许多JavaScript的特质,并撒了一些Python进行比较。 分号倾向于保留给多行代码示例。 基于Tony Alicea,...
在视频中,我可以看到看起来像Matlab代码的代码片段。 我冻结了视频,记下了几个函数名称,然后开始尝试了解该代码所在的位置。 通过首先阅读模块读数,我可能可以更快地找到答案。 不过,我最终还是了解到,课程...
若要使用此处的任何代码片段,您必须复制感兴趣的代码片段的代码,并将其粘贴到Chrome Dev Tools中“源”面板下的“代码片段”部分中。 此回购中包含的代码段 link-counter-js:提取并下载CSV文件,并将其包含在网页...
该存储库的目的是保存一些小的代码示例/代码片段,这些代码示例/代码片段是yadage的有趣用法/扩展,但尚未以带有自己的repo的独立程序包的形式分离出来-与相似。 贡献 要使用contibute,请派发此仓库,创建一个新...
为了重用某些jsx片段,您必须使用函数将它们包装起来。 然后,您可能会遇到主要问题: 为什么不只使用函数而不是jsx字符串? 并获得函数式编程的所有好处: 将代码分成更多可重用的部分 咖喱和功能成分 更容易的...
该存储库包含完整的服务器和客户端代码。 目录包含用于处理Wikipedia转储的所有脚本。 希望它们将是说明性的,并且可用于类似的应用程序。我想帮忙! 那很棒! 您可以通过多种方式提供帮助。 请查看以获取指导和...
本文档包含我 2012 年 JSConf.eu 演讲的大纲和代码片段: 介绍 大家好,我叫 ,今天我想谈谈“比 C 还快?解析 Node.js 流!”。 在开始之前,我要为“标题诱饵”道歉。 这个演讲是在 node.js 中分析 JavaScript ...
为了使它有趣,我使用MCU字符制作了代码片段,每个名称都表示该功能的强大功能。 它们总共是相同的功能,但格式不同。 但是可以肯定,这使我作为开发人员的生活更加轻松。 包括一个Jquery库,以使其无缝运行。 ...
由于KOVIM-19,我们当地的世界语俱乐部在网上开会,因此,为了制作有趣的会话游戏,我编写了此版本的Hangman(实际上是美国的游戏节目“命运之轮”)。 因为我打算只使用几次该程序,所以源代码很粗糙,而且有很多...