Web code commonly used tips to summarize, Web page production learning

Source: Internet
Author: User
Tags add filter date empty end get ip sql version
Tips | Web page if content exceeds cell, hide
Style= "Table-layout:fixed"

Let the pop-up window always be on top: <body onblur= "This.focus ();" >
Do not scroll bar? Let the vertical bar not: <body style= ' Overflow:scroll;overflow-y:hidden ' > </body>
Let cross bar not: <body style= ' Overflow:scroll;overflow-x:hidden ' > </body>
Two of them removed? It's simpler. <body scroll= "No" > </body>
How to remove the picture link after clicking the dotted line around the picture? <a href= "#" ></a>
e-mail processing submit form <form name= "Form1" method= "Post" action= "mailto:****@***.com" enctype= "Text/plain" > <input type= Submit> </form>
How do I write in the code that refreshes the parent window in the Open child window? Window.opener.location.reload ()
How to set the size of the open page <body >
In the page how to add not full background picture, pull the page when the background image does not move
Various styles of cursor Auto: Standard cursors
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 e-resize n-resize nw-resize w-resize s-resize, Se-resize sw-resize

Native Ip<%=request.servervariables ("REMOTE_ADDR")%>
Server name <%=request.servervariables ("SERVER_NAME")%>
Server Ip<%=request.servervariables ("local_addr")%>
Server Port <%=request.servervariables ("Server_port")%>
Server Time <%=now%> IIS
Version <%=request.servervariables "Server_software")%>
Script Timeout Time <%=Server.ScriptTimeout%>
This file path <%=server.mappath (Request.ServerVariables ("Script_name"))%>
Server CPU number <%=request.servervariables ("Number_of_processors")%>
Server Interpreter engine <%=scriptengine & "/" & ScriptEngineMajorVersion & "." &ScriptEngineMinorVersion& "." & ScriptEngineBuildVersion%>
Server operating system <%=request.servervariables ("OS")%>

Text Vertical Method
<style type= "Text/css" >
<!--
. Shupai {WRITING-MODE:TB-RL}
-->
</style>
hyperlink go to dotted border
Add in the link

Web Search keyword header insert
<meta name= "keywords" content= "xxxx,xxxx,xxx,xxxxx,xxxx," >

Favorites Icon
<link rel = "Shortcut Icon" href= "Favicon.ico" >

My Computer.
FILE:///::{20D04FE0-3AEA-1069-A2D8-08002B30309D}
Network Places
File:///::%7B208D2C60-3AEA-1069-A2D7-08002B30309D%7D
My Documents
File:///::%7B450D8FBA-AD25-11D0-98A8-0800361B1103%7D
Control Panel
FILE:///::{20D04FE0-3AEA-1069-A2D8-08002B30309D}/::{21EC2020-3AEA-1069-A2DD-08002B30309D}
Recycle Bin
File:///::%7B645FF040-5081-101B-9F08-00AA002F954E%7D

Mouse control picture looming effect
Add the following code to the <body> area:
<script language= "JavaScript" >
<!--
function Makevisible (Cur,which) {
if (which==0)
cur.filters.alpha.opacity=100
Else
Cur.filters.alpha.opacity=20
}
-->
</SCRIPT>
2. Add the following code to the <body> area:

>

prohibit picture Download
<a href= "javascript:void (0)" >
</A>

Page Nesting page
<iframe width=291 height=247 src= "main.files/news.htm" frameborder=0></iframe>

Hide scroll bars
<body style= "Overflow-x:hidden;overflow-y:hidden"

CSS Text shadow (defined in <TD>)
. abc{
Filter:dropshadow (color= #666666, Offx=1, Offy=1, positive=1); Font-family: "The song Body"; font-size:9pt; COLOR: #ffffff;
}

List/Menu


<iframe id= "frm" src= "k-xinwen.html" scrolling= "No" Width= "No." height= "179" ></iframe>



Reurl=server.htmlencode (Request. ServerVariables ("Http_referer"))

How connections are defined on the server
mm_www_string = "Driver={microsoft Access Driver (*.mdb)};d bq=" & Server.MapPath (".. /data/www.mdb ")

Linked to
Response.Redirect "Login.asp"
location.href= "Xx.asp"




Get IP
Userip = Request.ServerVariables ("Http_x_forwarded_for")
If Userip = "" Then Userip = Request.ServerVariables ("REMOTE_ADDR")

sql= "Update Feedbak set hit=hit+1 where id=" &request ("id")
Conn.execute (SQL)

intercept character plus ...
function Formatstr (Str,len)
if (Len (str) >len)
str = left (Str,len) + "..."
End If
FORMATSTR = str
End Function

Receive a form
If Ucase (Request.ServerVariables ("request_method") = "POST" Then
End If


Picture Width
<script language= "JavaScript" >
<!--
var Flag=false;
function DrawImage (CKP) {
var image=new image ();
IMAGE.SRC=CKP.SRC;
if (image.width>0 && image.height>0)
{flag=true;
if (image.width>120) {
ckp.width=120;
}else{
Ckp.width=image.width;
}
ckp.alt=image.width+ "X" +image.height;
}
}
-->
</script>
I ' ll be the back 22:18:06
/<%=rs (" Photoname ")%>" border= "0" >

Jump
<meta Http-equiv=refresh content= ' 0; Url=/distributor/distributor.aspx ' >

the establishment of the overflow of the production
Visible: the excess part shows;
Hidden: the excess part hides;
Scrool: Scroll bars are displayed, whether or not they are exceeded;
Auto: Scroll bar appears when there is excess;

OnMouseOver: Mouse to move to the target;
OnMouseUp: Press the mouse and then release the left button;
onmouseout: When the mouse moves away;
OnMouseDown: When the mouse is pressed (no need to release the left button);
Onclink: When clicked;
OnDblClick: when double click;
OnLoad: when loading Web pages;
OnUnload: When leaving the page;
OnResize: When the viewer changes the size of the browsing window;
Onscroll: When the viewer drags the scroll bar.

CSS Styles
A:link: means already linked;
A:hover: Indicates when the mouse moves over the link;
A:active: Indicates when the link is activated;
a:visited: A link that has already been clicked.

Jump out of a dialog box link
Javascript:alert (' LAJFLSJPJWG ')
Back: Javascript:history.back (1)
Close window: Javascript:window.close ();
Window restore
function Restore () {
Window.moveto (8,8);
Window.resizeto (screen.width-24,screen.availheight-24);
}

The head area refers to the content between Tags that must be added

1. Company Copyright note
<!---the site is designed by Maketown,inc 06/2000--->

2. Web page display Character set
Simplified Chinese: <meta http-equiv= "Content-type" content= "text/html; charset=gb2312 ">
Traditional Chinese: <meta http-equiv= "Content-type" content= "text/html"; Charset=big5 ">
English: <meta http-equiv= "Content-type" content= "text/html"; Charset=iso-8859-1 ">

3. Web Page Creator Information
<meta name= "Author" content= "webmaster@maketown.com" >

4. Introduction to the website
<meta name= "DESCRIPTION" content= "xxxxxxxxxxxxxxxxxxxxxxxxxx" >

5. Search Keywords
<meta name= "keywords" content= "xxxx,xxxx,xxx,xxxxx,xxxx," >

6. CSS Specification for Web pages
<link href= "Style/style.css" rel= "stylesheet" type= "Text/css" >
(see table of Contents and naming conventions)

7. Page Title
<title>xxxxxxxxxxxxxxxxxx</title>

. You can choose to add a label

1. Set the expiration time of the Web page. Once the page expires, it must be reopened on the server.
<meta http-equiv= "Expires" content= "Wed Feb, 1997 08:21:57 GMT" >

2. The browser is prohibited from accessing the contents of the page from the local machine cache.
<meta http-equiv= "Pragma" content= "No-cache" >

3. To prevent others from calling your page in the frame.
<meta http-equiv= "Window-target" content= "_top" >

4. Automatic jump.
<meta http-equiv= "Refresh" content= "5; Url=http://www.yahoo.com ">
5 refers to the time to stay 5 seconds.

5. Web Search Robot Wizard. Used to tell search bots which pages need to be indexed and which pages don't need to be indexed.
<meta name= "Robots" content= "None" >
The parameters of the content are all,none,index,noindex,follow,nofollow. The default is all.

6. Favorite folder icon
<link rel = "Shortcut Icon" href= "Favicon.ico" >

all JavaScript calls take as much external calls as possible.
<script language= "javascript" src= "Script/xxxxx.js" ></SCRIPT>

attached <body> Tags:
<body> tags do not belong to the head area, here to emphasize that in order to ensure browser compatibility, you must set the page background <body bgcolor= "#FFFFFF" >

Flash Transparent
In the source code of Flash Add: <param name= "wmode" value= "Transparent" >

Table Transparent
Style= "Filter:alpha (opacity=72)"

method of adding icon before URL
1, on the http://www.favicon.com with his icon editor online to make a logo. He will send you a good icon by email instantly.
2. Place the icon named Favicon.ico in the same folder as Index.html. It's OK.
Make an icon file with a size of 16*16 pixels. The file name extension is ico and then uploaded to the appropriate directory. Add the following code between the HTML source file " ":

Where the "shortcut icon" is the name of the icon. Of course, if users use IE5 or the above version of browsing, it is easier, just upload the image to the root of the site, automatically identify

You can display your icon in your favorites <link rel= "Bookmark" href= "Favicon.ico" >

Status Bar Connection Description
<a href= "link to somewhere" > XXX link </a>

Link description
<a href= "" title= Link Description >

Disable right mouse button
Add <body oncontextmenu= to <body> label "return false" >

Enter a space in DW
Insert an N

Horizon
<HR width= "Length" size= "height" color= "color code" noshade> NoShade to have no shadow

Form E-mail Submission
< form name= "content" method= "post" action= "mailto: E-mail" ></form>
Text domain name is subject as the title of the message

Mail Link customization
Mailto: Address? Subject= Message title &bc= cc &bcc= BCC

Background music
<bgsound src= Address loop= "-1" >

Prevent page body selection
<body oncontextmenu= ' return false ' ondragstart= ' return false ' Onselectstart = ' return false ' onselect= ' Document.selection.empty () "oncopy=" Document.selection.empty () "onbeforecopy=" return false >

eliminates IE6 automatically appears on the Image toolbar, setting the Galleryimg property to False or No.

prevents clicking on the empty link, the page is often reset to the top of the page.
Code "javascript:void (NULL)" replaces the original "#" tag

How to avoid people putting your pages in the frame
<script language= "JavaScript" ><!--if (self!=top) {top.location=self.location;}--></script>

Page timed Refresh
<meta http-equiv= "Refresh" content= "seconds" >

Page timing to new address
<meta http-equiv= "Refresh" content= "seconds; Url=url ">

Show Date
<script language= "JavaScript" ><!--
Today=new Date ();
VAR week; var date;
if (Today.getday () ==0) week= "Sunday"
if (Today.getday () ==1) week= "Monday"
if (Today.getday () ==2) week= "Tuesday"
if (Today.getday () ==3) week= "Wednesday"
if (Today.getday () ==4) week= "Thursday"
if (Today.getday () ==5) week= "Friday"
if (Today.getday () ==6) week= "Saturday"
Date= (Today.getyear ()) + "year" + (Today.getmonth () +1) + "month" +today.getdate () + "Day" + ""
document.write ("<span style= ' font-size:9pt;") > "+date+week+" </span>);
-->
</script>

Set as homepage
<a href=# > Set homepage </A>

Add Favorites
<a href= "javascript:window.external.AddFavorite (' url ', ' title ')" > Favorites Site </A>

Text scrolling
Insert a table with 1 rows and 1 columns with a border of 0, enter text in the table, select text,
Press Ctrl+t to enter marquee direction= "up" to allow text to scroll up in the table area.
(Right and down can be used to scroll the text or image to the left and down, and to modify the HTML original code to get the desired scrolling speed.)


Form verification
<script language=javascript>
function Checkform (theform) {
if (theform.name.value== "") {
Alert ("Name cannot be empty!");
Theform.name.focus ();
return false;
}
if (theform.tel.value== "") {
Alert ("Phone cannot be empty!");
Theform.tel.focus ();
return false;
}
}
</SCRIPT>

Define Mouse
Body{cursor:url (Cur.ani or cur);}

Insert video as a picture

Layer in Flash above
< param name= "wmode" value= "opaque" >

deferred Jump
<meta Http-equiv=refresh content= ' 3; Url=javascript:window.close (); ' >

Navigation bar Discoloration:
Cell <tr after inserting

Centered
<CENTER></CENTER>

Empty Links
javascript:;

Title Table
<fieldset>
<legend> description of the form </legend>
</fieldset>

Thin Form
Style= "Border-collapse:collapse;"

scroll bar color code
body{
Scrollbar-face-color: #FFFFFF;
Scrollbar-highlight-color: #FFFFFF;
Scrollbar-shadow-color: #FFFFFF;
Scrollbar-3dlight-color: #FFCBC8;
Scrollbar-arrow-color: #FFFFFF;
Scrollbar-track-color: #FFFFFF;
Scrollbar-darkshadow-color: #FFCBC8;
Scrollbar-base-color: #FFFFFF
}

consecutive English or a stack of exclamation points!!! Issues that do not wrap automatically
As long as the following sentences are defined in CSS, the Web page will not be stretched.

table{table-layout:fixed;}
Td{word-break:break-all; Word-wrap:break-word;}

Note:

1. The first table{table-layout:fixed, this style allows the table to have!!! Characters such as exclamation marks.

2.td{word-break:break-all}, generally used this sentence this OK, but in some special cases or will be stretched, so need to add the following sentence {Word-wrap:break-word;} can be solved. This style lets you wrap some consecutive English words in a table.

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.