55 commonly used web skills in Javascript

1. οncοtextmenu="=false" will completely block the right mouse button
<table border οncοntextmenu=return(false)><td>no</table> can be used for Table
2. <body onselectstart="return false"> Unselect and prevent copying
3. οnpaste="return false" is not allowed to paste
4. οncοpy="return false;" oncut="return false;" prevents copying
5. <link rel="Shortcut Icon" href=""> Change to your own icon in front of the IE address bar
6. <link rel="Bookmark" href=""> You can display your icon in your favorites
7. <input style="ime-mode:disabled"> Close the input method
8. Always carry a frame
<script language="JavaScript"></script>
9. Prevent frames from being
< SCRIPT LANGUAGE=JAVASCRIPT></SCRIPT>
10. The web page will not be saved as
<noscript><iframe src=*.html></iframe></noscript>
11. <input type=button value=View web page source code
οnclick=" = "view-source:"+ """>
12. Confirm when deleting
<a href="javascript:if(confirm("Really need to be deleted?"))location="?&areyou=Delete&page=1"">Delete</a>
13. Get the absolute position of the control
//Javascript
< script language="Javascript">
function getIE(e){
var t=;
var l=;
while(e=){
t+=;
l+=;
}
alert("top="+t+"/nleft="+l);
}
< /script>
//VBScript
< script language="VBScript"></script>
14. The cursor is stopped at the end of the text box
<script language="javascript">
function cc()
{
var e = ;
var r =();
("character",);
(true);
();
}
< /script>
< input type=text name=text1 value="123" οnfοcus="cc()">
15. Determine the source of the previous page
javascript:

16. Minimize, maximize, close windows
<object id=hh1 class>
< param name="Command" value="Minimize"></object>
< object id=hh2 class>
< param name="Command" value="Maximize"></object>
< OBJECT id=hh3 class>
< PARAM NAME="Command" VALUE="Close"></OBJECT>
< input type=button value=minimize οnclick=()>
< input type=button value=maximize οnclick=()>
< input type=button value=close οnclick=()>
This example applies to IE
17. Block function keys Shift, Alt, Ctrl
< script>
function look(){
if()
alert("Shift key is prohibited!"); //Can be replaced with ALT CTRL
}
document.οnkeydοwn=look;
< /script>
18. The web page will not be cached
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
< META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
< META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
Or <META HTTP-EQUIV="expires" CONTENT="0">
19. How to make the form have no concave and convex feeling?
<input type=text style="border:1 solid #000000">
or
<input type=text style="border-left:none; border-right:none; border-top:none; border-bottom:
1 solid #000000"></textarea>
20. What is the difference between <div><span>&<layer>?
<div>(division) is used to define large segments of page elements, which will cause a line transfer
<span> is used to define elements in the same line. The only difference between them and <div> is that they do not generate a line transfer.
<layer> is a tag of ns, ie does not support it, equivalent to <div>
21. Let the pop-up window always be on the top:
<body οnblur="();">
22. Don’t scroll bars?
Let the vertical bar not:
<body style="overflow:scroll;overflow-y:hidden">
< /body>
Let the horizontal bar not:
<body style="overflow:scroll;overflow-x:hidden">
< /body>
Remove both? It's easier
<body scroll="no">
< /body>
23. How to remove the dotted lines around the picture after clicking on the picture link?
<a href="#" onFocus="()"><img src="" border=0></a>
24. Email processing submission form
<form name="form1" method="post" action="mailto:****@***.com" enctype="text/plain">
< input type=submit>
< /form>
25. How to write in the code of refreshing the parent window in the open child window?
()
26. How to set the size of the page to open
<body οnlοad="(300,200);">
The location where the page is opened<body οnlοad="(300,200);">
27. How to add a background picture that is not full on the page, and the background picture remains unmoved when pulling the page
<STYLE>
body
{background-image:url(); background-repeat:no-repeat;
background-position:center;background-attachment: fixed}
< /STYLE>
28. Check whether a string is composed of numbers
<script language="Javascript"></script>
29. Get the size of a window
;
30. How to determine whether it is a character
if (/[^/x00-/xff]/(s)) alert("Contains Chinese characters");
else alert("all characters");

How many lines of adaptive text
<textarea rows=1 name=s1 cols=27 onpropertychange="=">
< /textarea>
32. Date minus days equal to the second date
<script language=Javascript>
function cc(dd,dadd)
{
//Error processing can be added
var a = new Date(dd)
a = ()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(() + "year" + (() + 1) + "month" + () + "day")
}
cc("12/23/2002",2)
< /script>
33. Which Radio was selected
< HTML><script language="vbscript">
function checkme()
for each ob in radio1
if then

next
end function
< /script><BODY>
< INPUT name="radio1" type="radio" value="style" checked>Style
< INPUT name="radio1" type="radio" value="barcode">Barcode
< INPUT type="button" value="check" οnclick="checkme()">
< /BODY></HTML>
34. The script never makes any errors
<SCRIPT LANGUAGE="JavaScript">
< !-- Hide
function killErrors() {
return true;
}
= killErrors;
// -->
< /SCRIPT>
The key moves the cursor to the next input box
<input οnkeydοwn="if(==13)=9">
36. Detect the link speed of a certain website:
Add the following code to the <body> area:
<script language=Javascript>
tim=1
setInterval("tim++",100)
b=1
var autourl=new Array()
autourl[1]=""
autourl[2]="javacool."
autourl[3]=""
autourl[4]=""
autourl[5]=""
function butt(){
("<form name=autof>")
for(var i=1;i<;i++)
("<input type=text name=txt"+i+" size=10 value=In test...> =》<input type=text
name=url"+i+" size=40> =》<input type=button value=GO
οnclick=("+i+".value)><br>")
("<input type=submit value=refresh></form>")
}
butt()
function auto(url){
[0]["url"+b].value=url
if(tim>200)
{[0]["txt"+b].value="Link timeout"}
else
{[0]["txt"+b].value="Time"+tim/10+"seconds"}
b++
}
function run(){for(var i=1;i<;i++)("<img src=http://"+autourl+"/"+()+" width=1 height=1
οnerrοr=auto("http://"+autourl+"")>")}
run()</script>
37. Various styles of cursors
auto: standard cursor
default: standard arrow
hand: hand cursor
wait : Wait for the cursor
text: I-shaped cursor
vertical-text: horizontal I-shaped cursor
no-drop: The cursor cannot be dragged
not-allowed: Invalid cursor
help :?Help cursor
all-scroll: triangle direction mark
move: mobile tag
crosshair: crosshair
e-resize
n-resize
nw-resize
w-resize
s-resize
se-resize
sw-resize
38. Special effects for page entry and exit
Enter the page <meta http-equiv="Page-Enter" content="revealTrans(duration=x, transition=y)">
Release page <meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)">
This is some special effects when the page is loaded and called out. duration represents the duration of the special effect in seconds. The transition indicates which special effect is used, with the value 1-23:
0 Rectangle shrink
1 Rectangle enlargement
2 round shrink
3 Circular enlargement
4 Down to top to refresh
5 Refresh up to down
6 Refresh left to right
7 Right to left refresh
8 vertical blinds
9 horizontal blinds
10 Displaced horizontal blinds
11 Dislocated vertical blinds
12 points of diffusion
13 Refresh around the middle
14 Refresh in the middle to left and right
15 Middle to top
16 Up and down to middle
17 Lower right to upper left
18 Top right to bottom left
19 Top left to bottom right
20 Lower left to upper right
21 horizontal bars
22 vertical strips
23 Above 22 types of random selection
39. Jump within the specified time
<META http-equiv=V="REFRESH" content="5;URL=http://">
40. Whether the web page is retrieved
<meta name="ROBOTS" content="attribute value">
The attribute values are as follows:
The attribute value is "all": The file will be retrieved, and the links on the page can be queried;
The property value is "none": The file is not retrieved and the links on the page are not queryed;
The property value is "index": the file will be retrieved;
The property value is "follow": the link on the query page;
The attribute value is "noindex": The file is not retrieved, but can be queryed for links;
The property value is "nofollow": The file is not retrieved, but the links on the page can be queried.
41. Email address division
Add the following code to the <body> area
<a href="mailto:webmaster@">webmaster@</a>
42. Table of flowing border effects
Add the following code to the <body> area
<SCRIPT>
l=Array(6,7,8,9,'a','b','b','c','d','e','f')
Nx=5;Ny=35
t="<table border=0 cellspacing=0 cellpadding=0 height="+((Nx+2)*16)+"><tr>"
for(x=Nx;x<Nx+Ny;x++)
t+="<td width=16 id=a_mo"+x+">　</td>"
t+="</tr><tr><td width=10 id=a_mo"+(Nx-1)+">　</td><td colspan="+(Ny-2)+" rowspan="+(Nx)+">　</td><td width=16 id=a_mo"+(Nx+Ny)+"></td></tr>"
for(x=2;x<=Nx;x++)
t+="<tr><td width=16 id=a_mo"+(Nx-x)+">　</td><td width=16 id=a_mo"+(Ny+Nx+x-1)+">　</td></tr>"
t+="<tr>"
for(x=Ny;x>0;x--)
t+="<td width=16 id=a_mo"+(x+Nx*2+Ny-1)+">　</td>"
(t+"</tr></table>")
var N=Nx*2+Ny*2
function f1(y){
for(i=0;i<N;i++){
c=(i+y) ;if(c>10)c=20-c
["a_mo"+(i)].bgColor="'#0000"+l[c]+l[c]+"'"}
y++
setTimeout('f1('+y+')','1')}
f1(1)
< /SCRIPT>
43. JavaScript home page pop-up skills
Pop up in the middle of the window
<script>
("","","width=400,height=240,top="+(-240)/2+",left="+(-400)/2);
< /script>
============
< html>
< head>
< script language="LiveScript">
function WinOpen() {
msg=open("","DisplayWindow","toolbar=no,directories=no,menubar=no");
("<HEAD><TITLE>Harrow!</TITLE></HEAD>");
("<CENTER><H1>It's so cool!</H1><h2>This is the window opened by <B>JavaScript</B>!</h2></CENTER>");
}
< /script>
< /head>
< body>
< form>
< input type="button" name="Button1" value="Push me" οnclick="WinOpen()">
< /form>
< /body>
< /html>
==============
1. In the following code, you just click to open a window to link to Cydie.com. And when you want to close, just click to close the window that just opened.
The code is as follows:
<SCRIPT language="JavaScript">
<！--
function openclk() {
another=open(''，'NewWindow');
}
function closeclk() {
();
}
//-->
</SCRIPT>
<FORM>
<INPUT TYPE="BUTTON" NAME="open" value="Open a window" onClick="openclk()">
<BR>
<INPUT TYPE="BUTTON" NAME="close" value="Close this window" onClick="closeclk()">
</FORM>
2. The code above is too quiet, why not feel a little dynamic? How great would it be if I could give the page a landing effect!
The code is as follows:
<script>
function drop(n) {
if(){
(0，-900);
for(i = n; i > 0; i--){
(0，3);
}
for(j = 8; j > 0; j--){
(0，j);
(j，0);
(0，-j);
(-j，0);
}
}
}
</script>
<body onLoad="drop(300)">
3. I hate that many websites always open according to the default window. It would be great if you can control the opened window as you wish.
The code is as follows:
<SCRIPT LANGUAGE="JavaScript">
<！-- Begin
function popupPage(l， t， w， h) {
var windowprops = "location=no，scrollbars=no，menubars=no，toolbars=no，resizable=yes" +
"，left=" + l + "，top=" + t + "，width=" + w + "，height=" + h;
var URL = "http://";
popup = (URL，"MenuPopup"，windowprops);
}
// End -->
</script>
<table>
<tr>
<td>
<form name=popupform>
<pre>
Open page parameters<br>
Distance from the left: <input type=text name=left size=2 maxlength=4> pixels
Distance from the right: <input type=text name=top size=2 maxlength=4> pixels
The width of the window: <input type=text name=width size=2 maxlength=4> pixels
The height of the window: <input type=text name=height size=2 maxlength=4> pixels
</pre>
<center>
<input type=button value="Open this window!" onClick="popupPage(, , , )">
</center>
</form>
</td>
</tr>
</table>You just need to enter a value in the corresponding dialog box, and the window of the page to be opened is well controlled.
44. Page opening and mobile
Add the following code to the <body> area
<SCRIPT LANGUAGE="JavaScript">
< !-- Begin
for (t = 2; t > 0; t--) {
for (x = 20; x > 0; x--) {
for (y = 10; y > 0; y--) {
(0,-x);
}
}
for (x = 20; x > 0; x--) {
for (y = 10; y > 0; y--) {
(0,x);
}
}
for (x = 20; x > 0; x--) {
for (y = 10; y > 0; y--) {
(x,0);
}
}
for (x = 20; x > 0; x--) {
for (y = 10; y > 0; y--) {
(-x,0);
}
}
}
//-->
// End -->
< /script>
45. Display the date and time of the personal client machine
<script language="LiveScript">
< !-- Hiding
today = new Date()
("The current time is: ",(),":",())
("<br>Today's date is: ", ()+1,"/",(),"/",());
// end hiding contents -->
< /script>
46. Automatically generate the last modified date for you each time:
<html>
< body>
This is a simple HTML- page.
< br>
Last changes:
< script language="LiveScript">
< !-- hide script from old browsers
()
// end hiding contents -->
< /script>
< /body>
< /html>
47. Constraints that cannot be empty and email addresses:
<html>
< head>
< script language="JavaScript">
< !-- Hide
function test1(form) {
if (form. == "")
alert("You did not write anything, please enter it again!")
else {
alert("Hi "+form.+"! You have entered it to complete!");
}
}
function test2(form) {
if (form. == "" ||
form.('@', 0) == -1)
alert("This is not the correct email address! Please enter again!");
else alert("You have entered it to complete!");
}
// -->
< /script>
< /head>
< body>
< form name="first">
Enter your name:<br>
< input type="text" name="text1">
< input type="button" name="button1" value="Input test" onClick="test1()">
< P>
Enter your e-mail address:<br>
< input type="text" name="text2">
< input type="button" name="button2" value="Input test" onClick="test2()">
< /body>
48. Horse Racing Light
<html>
< head>
< script language="JavaScript">
< !-- Hide
var scrtxt="How is it! It's cool! You can also try it."+"Here goes your message the visitors to your page will "+"look at for hours in pure fascination...";
var lentxt=;
var width=100;
var pos=1-width;
function scroll() {
pos++;
var scroller="";
if (pos==lentxt) {
pos=1-width;
}
if (pos<0) {
for (var i=1; i<=(pos); i++) {
scroller=scroller+" ";}
scroller=scroller+(0,width-i+1);
}
else {
scroller=scroller+(pos,width+pos);
}
= scroller;
setTimeout("scroll()",150);
}
//-->
< /script>
< /head>
< body onLoad="scroll();return true;">
Your web page can be displayed here!
< /body>
< /html>
49. Use buttons in the web page to control the display of the previous page, the next page and the home page.
<html>
< body>
< FORM NAME="buttonbar">
<INPUT TYPE="button" VALUE="Back" onClick="()">
<INPUT TYPE="button" VALUE="JS- Home" onClick="location=''">
<INPUT TYPE="button" VALUE="Next" onCLick="()">
< /FORM>
< /body>
< /html>
50. Check the source code of a certain URL
Add the following code to the <body> area
<SCRIPT>
function add()
{
var ress=[0].
="view-source:"+ress;
}
< /SCRIPT>
Enter the URL address to view the source code:
<FORM><input type="text" name="luxiaoqing" size=40 value="http://"></FORM>
< FORM><br>
< INPUT type="button" value="View source code" onClick=add()>
< /FORM>
51. Title displays date
Add the following code to the <body> area:
<script language="JavaScript1.2">
< !--hide
var isnMonth = new
Array("January","February","March","April","May","June","July","August","September","October","November","December");
var isnDay = new
Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday");
today = new Date () ;
Year=();
Date=();
if ()
="Today is: "+Year+"Year"+isnMonth[()]+Date+"Day"+isnDay[()]
//--hide-->
< /script>
52. Show all links
Add the following code to the <body> area
<script language="JavaScript1.2">
< !--
function extractlinks(){
var links=("A")
var total=
var win2=("","","menubar,scrollbars,toolbar")
("<font size='2'>There are a total of "+total+" connections</font><br>")
for (i=0;i<total;i++){
("<font size='2'>"++"</font><br>")
}
}
//-->
< /script>
< input type="button" onClick="extractlinks()" value="Show all connections">
53. Enter key to change line
Add the following code to the <body> area
<script type="text/javascript">
function handleEnter (field, event) {
var keyCode = ? : ? : ;
if (keyCode == 13) {
var i;
for (i = 0; i < ; i++)
if (field == )
break;
i = (i + 1) % ;
();
return false;
}
else
return true;
}
< /script>
< form>
< input type="text" οnkeypress="return handleEnter(this, event)"><br>
< input type="text" οnkeypress="return handleEnter(this, event)"><br>
< textarea>Enter carriage and line
54. Submit after confirmation
Add the following code to the <body> area
<SCRIPT LANGUAGE="JavaScript">
< !--
function msg(){
if (confirm("You are sure you want to submit!"))
()
}
//-->
< /SCRIPT>
< form name="lnman" method="post" action="">
< p>
<input type="text" name="textfield" value="Submit after confirmation">
< /p>
< p>
<input type="button" name="Submit" value="Submit" οnclick="msg();">
< /p>
< /form>
55. Change the content of the table
Add the following code to the <body> area
<script language=javascript>
var arr=new Array()
arr[0]="One by one";
arr[1]="22222";
arr[2]="33333";
< /script>
< select οnchange="[].innerHTML=arr[]">
< option value=a>Change the first frame</option>
< option value=a>Change the second frame</option>
< option value=a>Change the third frame</option>
< /select>
< table id=zz border=1>
< tr height=20>
<td width=150>First frame</td>
< td width=150>Second square</td>
< td width=150>Third frame</td>
< /tr>
< /table>