Some techniques for JavaScript practical

Source: Internet
Author: User
Tags add date define object end error handling flush net
Javascript| Skill 1. Oncontextmenu= "Window.event.returnvalue=false" will completely mask 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" is not allowed to paste

4. oncopy= ' return false; ' oncut= ' return false; ' Prevent replication

5. <link rel= "shortcut icon" href= "Favicon.ico" > IE Address bar before replacing their own icons

6. <link rel= "Bookmark" href= "Favicon.ico" > can display your icon in a Favorites folder

7. <input style= "ime-mode:disabled" > Close IME

8. Always with the frame
<script language= "JavaScript" ><!--
if (window = top) Top.location.href = "frames.htm"; Frames.htm for frames page
--></script>

9. Prevent a person 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
View-source: "+" http://www.pconline.com.cn "" >

12. Confirm upon deletion
<a href= "Javascript:if (" Are you sure you 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 position of control"
End Function
--></script>

14. Cursor is stopped at the end of text box text
<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" >

15. Determining the origin of the previous page
Javascript:
Document.referrer

16. Minimize, maximize, close windows
<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= Minimize onclick=hh1. Click () >
<input Type=button value= maximize ONCLICK=HH2. Click () >
<input Type=button value= closes Onclick=hh3. Click () >
This example applies to IE

17. Screen function Key Shift,alt,ctrl
<script>
function Look () {
if (Event.shiftkey)
Alert ("Do not press SHIFT key!"); You can change 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 Feb, 1997 08:21:57 GMT" >
or <meta http-equiv= "expires" content= "0" >

19. How do I make a form without bump and feel?
<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.<div><span>&<layer> the difference?
<div> (division) is used to define a large section of the page elements, resulting in a career change
<span> to define elements within the same line, the only difference with <div> is not to create a career change
<layer> is the NS tag, IE does not support, the equivalent of <div>


21. Make pop-up windows always on top:
<body onblur= "This.focus ();" >

22. Do not scroll bar?
Let the vertical bar not:
<body style= "Overflow:scroll;overflow-y:hidden" >
</body>
Let the cross bar not:
<body style= "Overflow:scroll;overflow-x:hidden" >
</body>
Two of them removed? It's even simpler.
<body scroll= "No" >
</body>

23. How to remove the picture link clicked, the dotted line around the picture?
<a href= "#" ></a>

24. e-mail processing submitting 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 in the Open child window?
Window.opener.location.reload ()

26. How to set the size of the open page
<body >
The location where the page opens <body >

27. How to add a background picture that is not full on the page, pull the page when the background image does not move
<STYLE>
Body
{Background-image:url (logo.gif); background-repeat:no-repeat;
Background-position:center;background-attachment:fixed}
</STYLE>

28. Check whether a string of strings is all composed 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 judge whether it is a character
if (/[^/x00-/xff]/g.test (s)) alert ("contains Chinese characters");
else alert ("All characters");

31.TEXTAREA the number of adaptive lines of text
<textarea Rows=1 name=s1 cols=27 onpropertychange= "This.style.posheight=this.scrollheight" >
</textarea>

32. Date minus days equals second date
<script language=javascript>
function cc (DD,DADD)
{
You 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 was chosen
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" >
</BODY></HTML>

34. Script never Goes wrong
<script language= "JavaScript" >
<!--Hide
function Killerrors () {
return true;
}
Window.onerror = killerrors;
-->
</SCRIPT>

The 35.ENTER key allows the cursor to move to the next input box
<input >

36. Detect the link speed of a Web site:
Add the following code to the <body> area:
<script language=javascript>
tim=1
SetInterval (" tim++
B=1
var autourl=new Array ()
autourl[1]= www.njcatv.net "
autourl[2]= "Javacool.3322.net"
autourl[3]= "www.sina.com.cn "
autourl[4]= " Font color= "#002c99" >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= =" ......> <input
Type=text "Name=url" 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+ "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-shaped cursor
Wait: Waiting for cursor
Text:i-shaped cursor
Vertical-text: Horizontal i-type cursor
No-drop: Non-drag cursor
Not-allowed: Invalid cursor
Help:? Helper cursors
All-scroll: Triangle directional Sign
Move: Moving the label
Crosshair: Cross Mark
E-resize
N-resize
Nw-resize
W-resize
S-resize
Se-resize
Sw-resize

38. Page entry and exit effects
Enter 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)" >
This is some special effects when the page is loaded and paged out. Duration represents the duration, in seconds, of the effect. Transition indicates which effect to use, with a value of 1-23:
0 Rectangle Shrink
1 Rectangle Enlargement
2 round Shrink
3 Circular Enlargement
4 down to top refresh
5 Top to bottom refresh
6 Left to right refresh
7 Right to left flush
8 Vertical Blinds
9 Horizontal Blinds
10 Dislocation Horizontal Blinds
11 Misplaced Vertical Blinds
12 Point spread
13 or so to the middle of the refresh
14 Middle to left flush
15 Middle to bottom
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 left down to top right
21 Cross Bar
22 Vertical Bar
23 or more of 22 randomly selected one

39. Jump within a specified time
<meta http-equiv=v= "REFRESH" content= "5; Url=http://www.51js.com ">

40. Whether the Web page has been retrieved
<meta name= "content=" Property 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;
Property value is "Follow": a 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.



Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.