Home > Developer > JavaScript
2. <body onselectstart = "Return false"> cancel selection to prevent Replication
3. onpaste = "Return false" Do not paste
4. oncopy = "Return false;" oncut = "Return false;" Prevent Replication
5. <LINK rel = "shortcut icon" href = "favicon. ICO"> replace it with your own icon in front of the IE Address Bar
6. <LINK rel = "bookmark" href = "favicon. ICO"> your Icons can be displayed in favorites.
7. <input style = "ime-mode: Disabled"> disable the input method.
8. Always carry the framework
<Script language = "JavaScript"> <! --
If (window = Top) top. Location. href = "frames.htm"; // frames.htm is the frame webpage.
// --> </SCRIPT>
9. Prevent Frame
<Script language = JavaScript> <! --
If (top. location! = Self. Location) top. Location = self. location;
// --> </SCRIPT>
10. The webpage cannot be saved
<NoScript> <IFRAME src = *. html> </iframe> </NoScript>
11. <input type = button value = view web pageSource code
Onclick = "window. Location =" view-source: "+" http://www.webjx.com "">
12. Confirm deletion
<A href = "javascript: If (confirm (" are you sure you want to delete it? ") Location =" boos. asp? & Areyou = Delete & page = 1 "> Delete </a>
13. Obtain 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 (13) & "Left =" & L, 64, "Get control position"
End Function
--> </SCRIPT>
14. The cursor stops at the end of the text box.
<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
Javascript:
Document. referrer
16. Minimize, maximize, and 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 = minimized onclick = hh1.click ()>
<Input type = button value = maximized onclick = hh2.click ()>
<Input type = button value = Disable onclick = hh3.click ()>
This example applies to IE
17. Block function keys shift, ALT, CTRL
<SCRIPT>
Function look (){
If (event. shiftkey)
Alert ("do not press shift! "); // You can change it to alt CTRL
}
Document. onkeydown = look;
</SCRIPT>
18. The webpage 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 feel free of attention?
<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 are the differences between <div> <span> & <layer>?
<Div> (Division) is used to define the page elements of a large segment, and a line is generated.
<Span> is used to define elements in the same row. The only difference between <div> and <div> is that no transpose is generated.
<Layer> is the NS tag, which is not supported by IE, which is equivalent to <div>
21. Make the pop-up window always on the top:
<Body onblur = "This. Focus ();">
22. Do not use a scroll bar?
Make the vertical bar not:
<Body style = "overflow: Scroll; overflow-Y: hidden">
</Body>
Make the horizontal bar unavailable:
<Body style = "overflow: Scroll; overflow-X: hidden">
</Body>
Remove both of them? Simpler
<Body scroll = "no">
</Body>
23. How do I remove the dotted line around the image after clicking 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. RefreshCodeHow to write?
Window. opener. Location. Reload ()
26. How to set the page size
<Body onload = "Top. resizeTo (300,200);">
<Body onload = "Top. moveBy (300,200);">
27. How to add a background image that is not full? 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 whether a string is composed of digits.
<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 whether it is a character
If (/[^/x00-/xFF]/g. test (s) Alert ("containing Chinese characters ");
Else alert ("All characters ");
31. Number of lines of textarea adaptive text
<Textarea rows = 1 name = S1 Cols = 27 onpropertychange = "This. style. posheight = This. scrollheight">
</Textarea>
32. The date minus the number of days equals to the second date
<Script language = JavaScript>
Function CC (DD, dadd)
{
// Add error handling.
VaR A = new date (dd)
A = A. valueof ()
A = A-dadd * 24x60*60*1000
A = new date ()
Alert (A. getfullyear () + "year" + (A. getmonth () + 1) + "month" + A. getdate () + "day ")
}
CC ("12/23/2002", 2)
</SCRIPT>
33. Which radio is selected
<HTML> <script language = "VBScript">
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>
34. Script never fails
<Script language = "JavaScript">
<! -- Hide
Function killerrors (){
Return true;
}
Window. onerror = killerrors;
// -->
</SCRIPT>
35. Press enter to move the cursor to the next input box.
<Input onkeydown = "If (event. keycode = 13) event. keycode = 9">
36. Check 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.webjx.net"
Autourl [2] = "www.webjx.com"
Autourl [3] = "www.sina.com.cn"
Autourl [4] = "www.webjx.com"
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 = testing...> = "<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 timeout "}
Else
{Document. Forms [0] ["TXT" + B]. value = "time" + TIM/10 + "second "}
B ++
}
Function run () {for (VAR I = 1; I <autourl. length; I ++) document. write ("
Onerror = auto ("http: //" + autourl + "")> ")}
Run () </SCRIPT>
37. Various styles of cursor
Auto: Standard cursor
Default: Standard arrow
Hand: Hand-shaped cursor
Wait: waiting for the cursor
Text: I-shaped cursor
Vertical-text: horizontal I-shaped cursor
No-drop: Do not drag the cursor
Not-allowed: Invalid cursor
Help :? Help cursor
All-scroll: triangle direction indicator
Move: Move mark
Crosshair: Cross logo
E-resize
N-resize
NW-resize
W-resize
S-resize
Se-resize
Sw-resize
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
