Home > Developer > Web Develop
1. oncontextmenu= "Window.event.returnvalue=false" will completely shield the right mouse button
<table border Oncontextmenu=return (false) ><td>no</table> available for table
2. <body onselectstart= "return false" > deselect, prevent copying
3. onpaste= "return false" no paste
4. oncopy= "return false;" oncut= "return false;" Prevent replication
5. <link rel= "Shortcut icon" href= "Favicon.ico" > IE Address bar before switching to their own icon
6. <link rel= "Bookmark" href= "Favicon.ico" > can display your icon in the Favorites folder
7. <input style= "ime-mode:disabled" > Close IME
8. Always with frame
<script language= "JavaScript" ><!--
if (window = = top) Top.location.href = "frames.htm"; Frames.htm for frames page
--></script>
9. Prevent people from being frame
<script language=javascript><!--
if (top.location! = self.location) top.location=self.location;
--></script>
10. Web pages will not be saved as
<noscript><iframe src=*.html></iframe></noscript>
<input type=button value= View Web page source code
onclick= "window.location =" View-source: "+" http://www.pconline.com.cn "" >
12. Confirm when deleting
<a href= "Javascript:if (" Do you really want to delete it? ") location= "boos.asp?&areyou= Delete &page=1" "> Delete </a>
13. Get the absolute position of the control
Javascript
<script language= "Javascript" >
function Getie (e) {
var t=e.offsettop;
var l=e.offsetleft;
while (e=e.offsetparent) {
T+=e.offsettop;
L+=e.offsetleft;
}
Alert ("top=" +t+ "/nleft=" +l);
}
</script>
VBScript
<script language= "VBScript" ><!--
function Getie ()
Dim t,l,a,b
Set A=DOCUMENT.ALL.IMG1
T=document.all.img1.offsettop
L=document.all.img1.offsetleft
While a.tagname<> "BODY"
Set a = A.offsetparent
T=t+a.offsettop
L=l+a.offsetleft
Wend
MsgBox "Top=" &T&CHR (& "left=" &l,64, "get control position"
End Function
--></script>
14. The cursor is stopped at the end of text in the textbox
<script language= "JavaScript" >
function cc ()
{
var e = event.srcelement;
var r =e.createtextrange ();
R.movestart ("character", e.value.length);
R.collapse (TRUE);
R.select ();
}
</script>
<input type=text name=text1 value= "123" onfocus= "CC ()" >
15. Determine the source of the previous page (the address that is navigated by the link, others cannot be obtained)
Javascript:document.referrer
16. Minimize, maximize, close the window
<object id=hh1 classid= "Clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11" >
<param name= "Command" value= "Minimize" ></object>
<object id=hh2 classid= "Clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11" >
<param name= "Command" value= "Maximize" ></object>
<object id=hh3 classid= "Clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11" >
<param name= "Command" value= "Close" ></OBJECT>
<input Type=button value= minimizes onclick=hh1. Click () >
<input Type=button value= maximizes onclick=hh2. Click () >
<input Type=button value= Close Onclick=hh3. Click () >
This example applies to IE
17. Shielding function Key Shift,alt,ctrl
<script>
function Look () {
if (Event.shiftkey)
Alert ("Disable the SHIFT key!"); can be replaced by Alt CTRL
}
Document.onkeydown=look;
</script>
18. Web pages are not cached
<meta http-equiv= "Pragma" content= "No-cache" >
<meta http-equiv= "Cache-control" content= "No-cache, must-revalidate" >
<meta http-equiv= "Expires" Content= "Wed, 1997 08:21:57 GMT" >
or <meta http-equiv= "expires" content= "0" >
19. How do I make the form feel less bump?
<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>
The difference between 20.<div><span>&<layer>?
<div> (division) is used to define a large segment of the page element, resulting in a career change
<span> is used to define elements within the same line, and the only difference between <div> is that there is no change of career
<layer> is the NS mark, IE is not supported, equivalent to <div>
21. Make the pop-up window always on top:
<body onblur= "This.focus (); >
22. Do not scroll bars?
Let the vertical bar not:
<body style= "Overflow:scroll;overflow-y:hidden" >
</body>
Let the bars not:
<body style= "Overflow:scroll;overflow-x:hidden" >
</body>
Two of them all removed? More simple.
<body scroll= "No" >
</body>
23. How do I remove the dotted line around the image when I click the image link?
<a href= "#" onfocus= "This.blur ()" ></a>
24. Email Processing Submission Form
<form name= "Form1" method= "Post" action= "mailto:****@***.com" enctype= "Text/plain" >
<input type=submit>
</form>
25. How do I write in the code that refreshes the parent window of the Open child window?
Window.opener.location.reload ()
26. How to set the size of the open page
<body onload= "Top.resizeto (300,200);" >
Where to open the page <body onload= "Top.moveby (300,200); >
27. How to add a background image that is not full on the page, the background image does not move when pulling the page
<STYLE>
Body
{Background-image:url (logo.gif); background-repeat:no-repeat;
Background-position:center;background-attachment:fixed}
</STYLE>
28. Check to see if a string is all made up of numbers
<script language= "Javascript" ><!--
function Checknum (str) {return Str.match (//d/) ==null}
Alert (Checknum ("1232142141"))
Alert (Checknum ("123214214A1"))
--></script>
29. Get the size of a window
Document.body.clientWidth; Document.body.clientHeight
30. How to determine if it is a character
if (/[^/x00-/xff]/g.test (s)) alert ("contains Chinese characters");
else alert ("All characters");
31.TEXTAREA Adaptive number of lines of text
<textarea Rows=1 name=s1 cols=27 onpropertychange= "This.style.posheight=this.scrollheight" >
</textarea>
32. Date minus number of days equals second date
<script language=javascript>
function cc (DD,DADD)
{
can add error handling
var a = new Date (DD)
A = A.valueof ()
A = A-dadd * 24 * 60 * 60 * 1000
A = new Date (a)
Alert (a.getfullyear () + "year" + (A.getmonth () + 1) + "month" + a.getdate () + "Day")
}
CC ("12/23/2002", 2)
</script>
33. Which radio are selected
function Checkme ()
For each OB in Radio1
If ob.checked then Window.alert ob.value
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" onclick= "Checkme ()" >
</BODY></HTML>
34. Scripts never go wrong
<script language= "JavaScript" >
<!--Hide
function Killerrors () {
return true;
}
Window.onerror = killerrors;
-
</SCRIPT>
35.ENTER key to move the cursor to the next input box
<input onkeydown= "if (event.keycode==13) event.keycode=9" >
36. Detect the link speed of a 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]= "Www.njcatv.net"
autourl[2]= "Javacool.3322.net"
autourl[3]= "www.sina.com.cn"
autourl[4]= "www.nuaa.edu.cn"
autourl[5]= "Www.cctv.com"
function Butt () {
document.write ("<form name=autof>")
for (Var i=1;i<autourl.length;i++)
document.write ("<input type=text name=txt" +i+ "size=10 value= Test ......> =" <input type=text
Name=url "+i+" size=40> = "<input Type=button value=go
Onclick=window.open (This.form.url "+i+". Value) ><br> ")
document.write ("<input type=submit value= Refresh ></form>")
}
Butt ()
function Auto (URL) {
document.forms[0]["url" +b].value=url
if (tim>200)
{document.forms[0]["txt" +b].value= "Link timed out"}
Else
{document.forms[0]["txt" +b].value= "time" +tim/10+ "Seconds"}
b++
}
function run () {for (Var i=1;i<autourl.length;i++) document.write ("
Onerror=auto ("http//" +autourl+ "") > ")}
Run () </script>
37. Various styles of cursors
Auto: Standard cursor
Default: Standard arrow
Hand: Hand Cursor
Wait: Waiting cursor
Text:i-shaped cursor
Vertical-text: Horizontal I-shaped cursor
No-drop: Cannot drag cursor
Not-allowed: Invalid cursor
Help:? Aid cursor
All-scroll: Triangle Direction mark
Move: Moving the label
Crosshair: Cross-label
E-resize
N-resize
Nw-resize
W-resize
S-resize
Se-resize
Sw-resize
38. Page entry and exit effects
Go to page <meta http-equiv= "Page-enter" content= "Revealtrans (duration=x, transition=y)" >
Launch page <meta http-equiv= "Page-exit" content= "Revealtrans (duration=x, transition=y)" >
Here are some special effects when the page is loaded and paged out. Duration indicates the duration of the effect, in seconds. Transition indicates which effect to use, with a value of 1-23:
0 Rectangle reduction
1 Rectangle Enlargement
2 Round Zoom Out
3 Circular Enlargement
4 down to top refresh
5 Top to bottom refresh
6 Left to right refresh
7 right-to-left refresh
8 Vertical Blinds
9 Horizontal Blinds
10 Dislocation Horizontal Blinds
11 Dislocation Vertical Blinds
12-point diffusion
13 or so to the middle refresh
14 Middle to left and right refresh
15 middle to upper and lower
16 up and down to the middle
17 right down to top left
18 top right to bottom left
19 top left to bottom right
20 lower left to top right
21 Horizontal Bar
22 Vertical Bar
23 or more 22 random selection of a
39. Jump within the specified time
<meta http-equiv=v= "REFRESH" content= "5; Url=http://www.51js.com ">
40. Whether the webpage is retrieved
<meta name= "ROBOTS" content= "attribute value" >
There are some of the following property values:
The property value is "All": The file will be retrieved and the link on the page can be queried;
The property value is "None": The file is not retrieved and the link on the page is not queried;
The property value is "index": The file will be retrieved;
The property value is "Follow": the link on the query page;
The property value is "Noindex": The file is not retrieved but can be queried for links;
The property value is "nofollow": The file is not retrieved, but the link on the page can be queried.
Turn: JS tips, will completely shield the right mouse button, can be used for table, deselect, prevent copying, ie address bar before replacing their own icon
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
