Cool JavaScript Tricks
Written by Jai on July 7, 2008 – 3:11 pm - 5,864 views
Today, I will list some very cool JavaScript hacks and tricks that you can use creatively or just have plain fun. To make each one of these codes work, all you have to do is copy and paste it into the address bar of your browser window and hit “Enter”. So here they are :-
Play the “Lord of the Web”
This code lets you edit any page/website in real-time
. With Firefox, you can even edit and save the modified pages to your computer. Very nifty code!
javascript:document.body.contentEditable='true'; document.designMode='on'; void 0
The Big Wheel
This piece of code pulls off all the images from your web page and rotates them in a circle. Really makes any page go naked (without its images). The best place to test is a website with many images. (Google Images for an example)
javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; 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++}setInterval('A()',5); void(0);
If you look carefully in the above code, its rotating the HTML “img” tag. Just replace it with “a” or “p” and watch some links or text rotate instead of images.
Tremors
Your browser will be very afraid of this code
If the code below doesn’t seem to work, please replace > with > and < with <
javascript:function flood(n) {if (self.moveBy) {for (i = 200; 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); } } }}flood(6);{ var inp = "D-X !msagro na dah tsuj resworb rouY"; var outp = ""; for (i = 0; i <= inp.length; i++) {outp =inp.charAt (i) + outp ; } alert(outp) ;}; reverse
The Calculator
In case you are not in a mood to use the standard windows calculator and want your browser to do the dirty job for you, use this code.
javascript: alert(34343+3434-222);
You can change the numbers according to your choice and also try creative complex equations. Just put your arithmetic into javascript: alert( );
Finding Spoof Websites
There are times when you are not sure that the website that you are visiting is authentic. Use this code whenever in doubt :-
javascript:alert("The actual URL is:\t\t" + location.protocol + "//" + location.hostname + "/" + "\nThe address URL is:\t\t" + location.href + "\n" + "\nIf the server names do not match, this may be a spoof.");
And finally here is something that you can only get to hear if you ever worked in a Tech Support department

If you enjoyed this post, make sure you subscribe to my RSS feed!
34 Responses
to “Cool JavaScript Tricks”
8 Trackback(s)
- Jul 18, 2008 : 5??????????JavaScript?? » ?????
- Jul 18, 2008 : 5??????????JavaScript?? | ThinkIP™
- Jul 18, 2008 : Okiba » Blog Archive » 5??????????JavaScript??
- Jul 19, 2008 : 5??????????JavaScript?? | SongsoSpace
- Jul 20, 2008 : 5 Cool JavaScript Tricks - ??·??
- Jul 24, 2008 : Azone’s Blog » Blog Archive » 5??????????JavaScript??
- Aug 20, 2008 : XINS`s Blog » Blog Archive
- Aug 24, 2008 : ????? ????????? ????? ????








on Jul 7, 2008
you just made my day jai!!!! nifty, very nifty!!!!
on Jul 8, 2008
Sweet Tricks jai!
Awsum!
on Jul 8, 2008
love the big wheel
superb!
on Jul 8, 2008
Very handy, thank you!
on Jul 8, 2008
I often find something cool like this and think “Interesting, but I don’t think I could use this anywhere.” … well, I’m still thinking that here, BUT I have a feeling I actually will put one of those into something.
I don’t get your instructions under Tremors. Replace what?
on Jul 8, 2008
Very interesting post - I don’t know that I want to make my browser very afraid, but I laughed and laughed at your comic at the end! Have a good day!
Beth
on Jul 9, 2008
Notify me of followup comments via e-mail
on Jul 10, 2008
Amazing tricks Jai , i mentioned the first trick in my blog post weeks back !
Awesome list !
on Jul 12, 2008
Awesome. How this spoof finder script works. gr8.
on Jul 12, 2008
He was saying to replace the > with > and < with <.
on Jul 12, 2008
@Steve:- Ha I wrote the same thing, replace &’gt; with > and &’lt; with <. Did it display differently that time?
on Jul 12, 2008
Thanks this interesting information!
on Jul 15, 2008
javascript is good i like iit
on Jul 15, 2008
how interesting information. cool…….
on Jul 18, 2008
really cool! I’ve tried . tq…!!
on Jul 21, 2008
This passage is really cool and I translate it into Chinese and posted it in my website SPEWARE.cn . Thanks a million!! If you don’t like it, I will delete my translation.
From the Trackback I guess your blog is hot in China. I think you can revise your plugin to let it support Chinese. My English is not very good. Thanks again!
on Jul 23, 2008
Very funny post. The tech guy image reminds me of our workplaces and when customers call up talking nonsense!
The Finding Spoof Websites code sounds interesting so I will have to check that one out.
on Jul 25, 2008
Hey good buddy
i want more lyk these
its a fun and ya ur blog is good source
on Jul 26, 2008
Really your words are fantastic thanx
http://www.roro44.com
on Aug 1, 2008
wow… superb..
nice… thnx for sharring..
on Aug 1, 2008
welcome to my website http://www.mihu8.cn Test………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………….
on Aug 1, 2008
I found this bug that is belong to wordpress………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………..
on Aug 3, 2008
good tricks… keep it coming
on Aug 3, 2008
Hah, really neat javascript tricks, I will give them a shot
on Aug 11, 2008
The Tremors one doesn’t work for me (in Firefox 3.0 on Ubuntu Linux 8.04 Hardy Heron).
Love the cartoon at the end!!
on Aug 22, 2008
some of them are really interesting thanks