透過css可以解決使用手機行動裝置瀏覽網頁時
圖片適當顯示的問題
img{
max-width:100%;
height:auto;
}
-
近期文章
分類
其它
彙整
近期迴響
複製Table & Table 重新命名
複製Table
CREATE TABLE new_table LIKE old_table;
INSERT new_table SELECT * FROM old_table;
Table 重新命名
RENAME TABLE table_name TO new_table_name
解決IE瀏覽器相容性
使用X-UA-Compatible設置IE兼容模式，僅對IE8+有效
告訴瀏覽器以什麼版本的IE的相容模式來顯示網頁
<head>
<meta http-equiv="X-UA-Compatible" content="IE=5″ >或
<meta http-equiv="X-UA-Compatible" content="IE=7″ >或
<meta http-equiv="X-UA-Compatible" content="IE=8″ >
</head>
什麼版本IE 就用什麼版本的標準模式：
<meta http-equiv="X-UA-Compatible" content="IE=edge">
解決瀏覽器cache問題
網站改版後，大多數的瀏覽器會有cache的問題，導致畫面沒有更新
解決的方法：在圖片或CSS的路徑後面加上 ?與日期，讓瀏覽器重新再下載更新網頁資訊
譬如：
<link rel="stylesheet" type="text/css" href="style.css?20140101" />
使用CSS背景來呈現浮水印效果
<img src="浮水印.png" style="background-image:url(圖片.jpg);background-size：contain;" />
浮水印.png 需要是透明底的圖片
background-size 用來設定元素背景圖片的大小
contain 使背景圖在尺寸大於內容元素的情況下，得以完整呈現。
JavaScript For Loop
var person = { fname:'John', lname:'Doe', age:25 };
for (x in person)
{
alert(person[x].fname);
}
發表於 Javascript
發表迴響
jQuery $(document).ready(fn)與$(window).load(fn)
二者的差異：
$(document).ready(fn)：在網頁HTML載入後即觸發。
$(window).load(fn)：等到網頁HTML標籤中引用的圖檔、內嵌物件(如Flash)、Frame等都載入後才會觸發。
Reset CSS
在CSS 前掛上這一段「Reset CSS」的語法，就可以輕鬆解決各大瀏覽器的差異
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
Form表單資料檢查，防止直接送出
Example1： <form name="theForm" id="theForm" method="post" action="do.php"> <label for="name">Name:</label> <input type="text" name="name" id="name" /> <input type="button" name="send" id="send" value="送出" onClick="checkForm();" /> </form> function checkForm() { var frm = document.forms["theForm"]; if(frm.name.value == "") { alert("Error:name is null"); }else{ frm.submit(); } }
Example2： <form name="theForm" id="theForm" method="post" action="do.php" onSubmit="return checkForm(this);"> <label for="name">Name:</label> <input type="text" name="name" id="name" /> <input type="submit" name="send" id="send" value="送出" /> </form> function checkForm() { var frm = document.forms["theForm"]; if(frm.name.value == "") { alert("Error:name is null"); return false; }else{ return true; } }
發表於 Javascript
發表迴響
ASP常用函數
Array()
FUNCTION: 傳回一個數組
SYNTAX: Array(list)
ARGUMENTS: 字元，數字均可
範例：
<%
Dim myArray()
For i = 1 to 7
Redim Preserve myArray(i)
myArray(i) = WeekdayName(i)
Next
%>
結果：建立了一個包含7個元素的數組myArray
myArray("Sunday","Monday", … … "Saturday")
——————————————————————————————
CDbl()
FUNCTION: 將運算式轉換為雙精度型數位
SYNTAX: CDbl(expression)
ARGUMENTS: 任何有效的表達式
範例：
<%
<script type="text/vbscript">
document.write(CDbl(134.345) & "<br />")
document.write(CDbl(14111111113353355.345455) & "<br />")
</script>
%>
結果：
134.345
1.41111111133534E+16
——————————————————————————————
CInt()
FUNCTION: 將一個表達式轉化為數字類型
SYNTAX: CInt(expression)
ARGUMENTS: 任何有效的字元均可
範例：
<%
f = "234″
response.write cINT(f) + 2
%>
結果：236
轉化字元"234″為數字"234″，如果字元串為空，則傳回0值
——————————————————————————————
CreateObject()
FUNCTION: 建立和傳回一個已註冊的ACTIVEX元件的實例。
SYNTAX: CreateObject(objName)
ARGUMENTS: objName 是任何一個有效、已註冊的ACTIVEX元件的名字.
範例：
<%
Set con = Server.CreateObject("ADODB.Connection")
%>
結果：
——————————————————————————————
CStr()
FUNCTION: 轉化一個表達式為字元串.
SYNTAX: CStr(expression)
ARGUMENTS: expression 是任何有效的表達式。
範例：
<%
s = 3 + 2
response.write "The result is: " & cStr(s)
%>
結果：
轉化數字「5」為字元「5」。
——————————————————————————————
Date()
FUNCTION: 傳回目前系統日期.
SYNTAX: Date()
ARGUMENTS: None.
範例：
<%=Date%>
結果：8/4/99
——————————————————————————————
DateAdd()
FUNCTION: 傳回一個被改變了的日期。
SYNTAX: DateAdd(timeinterval,number,date)
ARGUMENTS: timeinterval is the time interval to add; number is amount of
time intervals to add; and date is the starting date.
範例：
<%
currentDate = #8/4/99#
newDate = DateAdd("m",3,currentDate)
response.write newDate
%>
<%
currentDate = #12:34:45 PM#
newDate = DateAdd("h",3,currentDate)
response.write newDate
%>
結果：11/4/99
3:34:45 PM
"m" = "month";
"d" = "day";
If currentDate is in time format then,
"h" = "hour";
"s" = "second";
——————————————————————————————
DateDiff()
FUNCTION: 傳回兩個日期之間的差值 。
SYNTAX: DateDiff(timeinterval,date1,date2 [, firstdayofweek ][,
firstweekofyear]])
ARGUMENTS: timeinterval 表示相隔時間的類型，如「M「表示「月」。
範例：
<%
fromDate = #8/4/99#
toDate = #1/1/2000#
response.write "There are " & _
DateDiff("d",fromDate,toDate) & _
" days to millenium from 8/4/99."
%>
結果：從8/4/99 到2000年還有 150 天.
——————————————————————————————
Day()
FUNCTION: 傳回一個月的第幾日 .
SYNTAX: Day(date)
ARGUMENTS: date 是任何有效的日期。
範例：
<%=Day(#8/4/99#)%>
結果：4
——————————————————————————————
FormatCurrency()
FUNCTION: 傳回表達式，此表達式已被格式化為貨幣值
SYNTAX: FormatCurrency(Expression [, Digit ][, LeadingDigit ][, Paren ][,
GroupDigit]]]])
ARGUMENTS: Digit 指示小數點右側顯示位數的數值。預設值為 -1，指示使用的是
電腦的區域設定; LeadingDigit 三態常數，指示是否顯示小數值小數點前面的零。
範例：
<%=FormatCurrency(34.3456)%>
結果：$34.35
——————————————————————————————
FormatDateTime()
FUNCTION: 傳回表達式，此表達式已被格式化為日期或時間
SYNTAX: FormatDateTime(Date, [, NamedFormat])
ARGUMENTS: NamedFormat 指示所使用的日期/時間格式的數值，如果省略，則使用
vbGeneralDate.
範例：
<%=FormatDateTime("08/4/99″, vbLongDate)%>
結果：Wednesday, August 04, 1999
——————————————————————————————
FormatNumber()
FUNCTION: 傳回表達式，此表達式已被格式化為數值.
SYNTAX: FormatNumber(Expression [, Digit ][, LeadingDigit ][, Paren ][,
GroupDigit]]]])
ARGUMENTS: Digit 指示小數點右側顯示位數的數值。預設值為 -1，指示使用的是
電腦的區域設定。; LeadingDigit i指示小數點右側顯示位數的數值。預設值為 -
1，指示使用的是電腦的區域設定。; Paren 指示小數點右側顯示位數的數值。預設值為-1，指示使用的是電腦的區域設定。; GroupDigit i指示小數點右側顯示位數的數值。預設值為 -1，指示使用的是電腦的區域設定。.
範例：
<%=FormatNumber(45.324567, 3)%>
結果：45.325
——————————————————————————————
FormatPercent()
FUNCTION: 傳回表達式，此表達式已被格式化為尾隨有 % 符號的百分比（乘以 100 ）。 (%)
SYNTAX: FormatPercent(Expression [, Digit ][, LeadingDigit ][, Paren ][,
GroupDigit]]]])
ARGUMENTS: 同上.
範例：
<%=FormatPercent(0.45267, 3)%>
結果：45.267%
——————————————————————————————
Hour()
FUNCTION: 以24時傳回小時數.
SYNTAX: Hour(time)
ARGUMENTS:
範例：
<%=Hour(#4:45:34 PM#)%>
結果：16
(Hour has been converted to 24-hour system)
——————————————————————————————
Instr()
FUNCTION: 傳回字元或字元串在另一個字元串中第一次出現的位置.
SYNTAX: Instr([start, ] strToBeSearched, strSearchFor [, compare])
ARGUMENTS: Start為搜尋的起始值，strToBeSearched接受搜尋的字元串
strSearchFor要搜尋的字元.compare比較方式（詳細見ASP常數）
範例：
<%
strText = "This is a test!!"
pos = Instr(strText, "a")
response.write pos
%>
結果：9
——————————————————————————————
InstrRev()
FUNCTION: 同上，只是從字元串的最後一個搜尋起
SYNTAX: InstrRev([start, ] strToBeSearched, strSearchFor [, compare])
ARGUMENTS: 同上.
範例：
<%
strText = "This is a test!!"
pos = InstrRev(strText, "s")
response.write pos
%>
結果：13
——————————————————————————————
Int()
FUNCTION: 傳回數值類型,不四捨五入，注意取值是不大於它的整數。
SYNTAX: Int(number)
ARGUMENTS:
範例：
<%=INT(32.89)%> <%=int(-3.33)%>
結果：32 -4
——————————————————————————————
IsArray()
FUNCTION: 判斷一對象是否為數組，傳回布爾值 .
SYNTAX: IsArray(name)
ARGUMENTS:
範例：
<%
strTest = "Test!"
response.write IsArray(strTest)
%>
結果：False
——————————————————————————————
IsDate()
FUNCTION: 判斷一對象是否為日期，傳回布爾值
SYNTAX: IsDate(expression)
ARGUMENTS: expression is any valid expression.
範例：
<%
strTest = "8/4/99″
response.write IsDate(strTest)
%>
結果：True
——————————————————————————————
IsEmpty()
FUNCTION: 判斷一對象是否初始化，傳回布爾值.
SYNTAX: IsEmpty(expression)
ARGUMENTS:
範例：
<%
Dim i
response.write IsEmpty(i)
%>
結果：True
——————————————————————————————
IsNull()
FUNCTION: 判斷一對象是否為空，傳回布爾值.
SYNTAX: IsNull(expression)
ARGUMENTS:
範例：
<%
Dim i
response.write IsNull(i)
%>
結果：False
——————————————————————————————
IsNumeric()
FUNCTION: 判斷一對象是否為數字，傳回布爾值.
SYNTAX: IsNumeric(expression)
ARGUMENTS:
範例：
<%
i = "345″
response.write IsNumeric(i)
%>
結果：True
就算數字加了引號，ASP還是認為它是數字。
——————————————————————————————
IsObject()
FUNCTION: 判斷一對象是否為對象，傳回布爾值.
SYNTAX: IsObject(expression)
ARGUMENTS:
範例：
<%
Set con = Server.CreateObject("ADODB.Connection")
response.write IsObject(con)
%>
結果：True
——————————————————————————————
LBound()
FUNCTION: 傳回指定數組維的最小可用下標.
SYNTAX: Lbound(arrayname [, dimension])
ARGUMENTS: ; dimension 指明要傳回哪一維下界的整數。使用 1 表示第一維，2
表示第二維，以此類推。如果省略 dimension 參數，預設值為 1.
範例：
<%
i = Array("Monday","Tuesday","Wednesday")
response.write LBound(i)
%>
結果：0
——————————————————————————————
LCase()
FUNCTION: 傳回字元串的小寫形式
SYNTAX: Lcase(string)
ARGUMENTS: string is any valid string expression.
範例：
<%
strTest = "This is a test!"
response.write LCase(strTest)
%>
結果：this is a test!
——————————————————————————————
Left()
FUNCTION: 傳回字元串左邊第length個字元以前的字元（含第length個字元).
SYNTAX: Left(string, length)
ARGUMENTS:
範例：
<%
strTest = "This is a test!"
response.write Left(strTest, 3)
%>
結果：Thi
——————————————————————————————
Len()
FUNCTION: 傳回字元串的長度.
SYNTAX: Len(string | varName)
ARGUMENTS:
範例：
<%
strTest = "This is a test!"
response.write Len(strTest)
%>
結果：15
——————————————————————————————
LTrim()
FUNCTION: 去掉字元串左邊的空格.
SYNTAX: LTrim(string)
ARGUMENTS:
範例：
<%
strTest = " This is a test!"
response.write LTrim(strTest)
%>
結果：This is a test!
——————————————————————————————
Mid()
FUNCTION: 傳回特定長度的字元串(從start開始,長度為length).
SYNTAX: Mid(string, start [, length])
ARGUMENTS:
範例：
<%
strTest = "This is a test! Today is Monday."
response.write Mid(strTest, 17, 5)
%>
結果：Today
——————————————————————————————
Minute()
FUNCTION: 傳回時間的分釧.
SYNTAX: Minute(time)
ARGUMENTS:
範例：
<%=Minute(#12:45:32 PM#)%>
結果：45
——————————————————————————————
Month()
FUNCTION: 傳回日期.
SYNTAX: Month(date)
ARGUMENTS: date is any valid date expression.
範例：
<%=Month(#08/04/99#)%>
結果：8
——————————————————————————————
MonthName()
FUNCTION: Returns a string identifying the specified month.
SYNTAX: MonthName(month, [, Abb])
ARGUMENTS: month is the numeric representation for a given month; Abb
(optional) is a boolean value used to display month abbreviation. True
will display the abbreviated month name and False (default) will not show
the abbreviation.
範例：
<%=MonthName(Month(#08/04/99#))%>
結果：August
——————————————————————————————
Now()
FUNCTION: Returns the current system date and time.
SYNTAX: Now()
ARGUMENTS: None
範例：
<%=Now%>
結果：8/4/99 9:30:16 AM
——————————————————————————————
Replace()
FUNCTION: Returns a string in which a specified sub-string has been
replaced with another substring a specified number of times.
SYNTAX: Replace(strToBeSearched, strSearchFor, strReplaceWith [, start][, count ][, compare]]])
ARGUMENTS: strToBeSearched is a string expression containing a sub-
string to be replaced; strSearchFor is the string expression to search for
within strToBeSearched; strReplaceWith is the string expression to replace
sub-string strSearchFor; start (optional) is the numeric character
position to begin search; count (optional) is a value indicating the
comparision constant.
範例：
<%
strTest = "This is an apple!"
response.write Replace(strTest, "apple", "orange")
%>
結果：This is an orange!
——————————————————————————————
Right()
FUNCTION: 傳回字元串右邊第length個字元以前的字元（含第length個字元).
SYNTAX: Right(string, length)
ARGUMENTS: .
範例：
<%
strTest = "This is an test!"
response.write Right(strTest, 3)
%>
結果：st!
——————————————————————————————
Rnd()
FUNCTION: 產生一個隨機數.
SYNTAX: Rnd [ (number) ]
ARGUMENTS:
範例：
<%
Randomize()
response.write RND()
%>
結果：任何一個在0 到 1 之間的數
——————————————————————————————
Round()
FUNCTION: 傳回按指定位數進行四捨五入的數值.
SYNTAX: Round(expression [, numRight])
ARGUMENTS: numRight數字表明小數點右邊有多少位進行四捨五入。如果省略，則
Round 函數傳回整數.
範例：
<%
i = 32.45678
response.write Round(i)
%>
結果：32
——————————————————————————————
Rtrim()
FUNCTION: 去掉字元串右邊的字元串.
SYNTAX: Rtrim(string)
ARGUMENTS:
範例：
<%
strTest = "This is a test!! "
response.write RTrim(strTest)
%>
結果：This is a test!!
——————————————————————————————
Second()
FUNCTION: 傳回秒.
SYNTAX: Second(time)
ARGUMENTS: .
範例：
<%=Second(#12:34:28 PM#)%>
結果：28
——————————————————————————————
StrReverse()
FUNCTION: 反排一字元串
SYNTAX: StrReverse(string)
ARGUMENTS:
範例：
<%
strTest = "This is a test!!"
response.write StrReverse(strTest)
%>
結果：!!tset a si sihT
——————————————————————————————
Time()
FUNCTION: 傳回系統時間.
SYNTAX: Time()
ARGUMENTS: .
範例：
<%=Time%>
結果：9:58:28 AM
——————————————————————————————
Trim()
FUNCTION: 去掉字元串左右的空格.
SYNTAX: Trim(string)
ARGUMENTS: string is any valid string expression.
範例：
<%
strTest = " This is a test!! "
response.write Trim(strTest)
%>
結果：This is a test!!
——————————————————————————————
UBound()
FUNCTION: 傳回指定數組維數的最大可用下標.
SYNTAX: Ubound(arrayname [, dimension])
ARGUMENTS: ; dimension (optional) 指定傳回哪一維上界的整數。1 表示第一維，2 表示第二維，以此類推。如果省略 dimension 參數，則預設值為 1.
範例：
<%
i = Array("Monday","Tuesday","Wednesday")
response.write UBound(i)
%>
結果：2
——————————————————————————————
UCase()
FUNCTION: 傳回字元串的大寫形式.
SYNTAX: UCase(string)
ARGUMENTS:
範例：
<%
strTest = "This is a test!!"
response.write UCase(strTest)
%>
結果：THIS IS A TEST!!
——————————————————————————————
VarType()
FUNCTION: 傳回指示變數子類型的值
SYNTAX: VarType(varName)
ARGUMENTS:
範例：
<%
i = 3
response.write varType(i)
%>
結果：2(數字)詳見"asp常數"
——————————————————————————————
WeekDay()
FUNCTION: 傳回在一周的第幾天.
SYNTAX: WeekDay(date [, firstdayofweek])
ARGUMENTS: .
範例：
<%
d = #8/4/99#
response.write Weekday(d)
%>
結果：4(星期三)
——————————————————————————————
WeekDayName()
FUNCTION: 傳回一周第幾天的名字.
SYNTAX: WeekDayName(weekday [, Abb ][, firstdayofweek]])
ARGUMENTS: Abb可選。Boolean 值，指明是否縮寫表示星期各天的名稱。如果省略， 預設值為 False，即不縮寫星期各天的名稱.firstdayofweek指明星期第一天的數值
範例：
<%
d = #8/4/99#
response.write WeekdayName(Weekday(d))
%>
結果：Wednesday
——————————————————————————————
Year()
FUNCTION: 傳回目前的年份.
SYNTAX: Year(date)
ARGUMENTS:
範例：<%=Year(#8/4/99#)%>
結果：1999