JavaScript[對象.屬性]集錦
SCRIPT 標記
用於包含javascript代碼.
語法
屬性
LANGUAGE 定義腳本語言
SRC 定義一個URL用以指定以.JS結尾的文件
windows對象
每個HTML文檔的頂層對象.
屬性
frames[] 子楨數組.每個子楨數組按源文檔中定義的順序存放.
feames.length 子楨個數.
self 當前窗口.
parent 父窗口(當前窗口是中一個子窗口).
top 頂層窗口(是所有可見窗口的父窗口).
status 瀏覽器狀態窗口上的消息.
defaultStatus 當status無效時,出現在瀏覽器狀態窗口上的缺省消息.
name 內部名,爲由window.open()方法打開的窗口定義的名字.
方法
alert("message") 顯示含有給定消息的"javascript Alert"對話框.
confirm("message") 顯示含有給定消息的"Confirm"對話框(有一個OK按鈕和一個Cancel按鈕).如果用戶單擊OK返回true,否則返回false.
prompt("message") 顯示一個"prompt"對話框,要求用戶根據顯示消息給予相應輸入.
open("URL","name") 打開一個新窗口,給予一個指定的名字.
close() 關閉當前窗口.
frame對象
它是整個瀏覽器窗口的子窗口,除了status,defaultStatus,name屬性外,它擁有window對象的全部屬性.
location對象
含有當前URL的信息.
屬性
href 整個URL字符串.
protocol 含有URL第一部分的字符串,如http:
host 包含有URL中主機名:端口號部分的字符串.如//www.cenpok.net/server/
hostname 包含URL中主機名的字符串.如http://www.cenpok.net
port 包含URL中可能存在的端口號字符串.
pathname URL中"/"以後的部分.如~list/index.htm
hash "#"號(CGI參數)之後的字符串.
search "?"號(CGI參數)之後的字符串.
document對象
含有當前文檔信息的對象.
屬性
title 當前文檔標題,如果未定義,則包含"Untitled".
location 文檔的全URL.
lastModified 含有文檔最後修改日期.
referrer 調用者URL,即用戶是從哪個URL鏈接到當前頁面的.
bgColor 背景色(#xxxxxx)
fgColor 前景文本顏色.
linkColor 超鏈接顏色.
vlinkColor 訪問過的超鏈顏色.
alinkColor 激活鏈顏色(鼠標按住未放時).
forms[] 文檔中form對象的數組,按定義次序存儲.
forms.length 文檔中的form對象數目.
links[] 與文檔中所有HREF鏈對應的數組對象,按次序定義存儲.
links.length 文檔中HREF鏈的數目.
anchors[] 錨(...)數組,按次序定義存儲.
anchors.length 文檔中錨的數目.
方法
write("string") 將字符串突出給當前窗口.(字符串可以含有HTML標記)
writeln("string") 與write()類似,在結尾追加回車符,只在預定格式文本中(...或...)生效.
clear() 清當前窗口.
close() 關閉當前窗口.
form對象
屬性
name
中的NAME屬性的字符串值.
method 中METHOD屬性的類值,"0"="GET" ,"1"="POST" .
action 中ACTION屬性的字符串值.
target 表格數據提交的目標,與標記中相應屬性一致.
elements[index] elements屬性包含form中的各個元素.
length 表格中的元素個數.
方法
submit() 提交表格.
事件處理器onSubmit() 用戶單擊一個定義好的按鈕提交form時運行的代碼.
text和textarea對象
屬性
name NAME屬性的字符串值.
value 域內容的字符串值.
defaultValue 域內容的初始字符串值.
方法
focus() 設置對象輸入焦點.
blur() 從對象上移走輸入焦點.
select() 選定對象的輸入區域.
事件處理器
onFocus 當輸入焦點進入時執行.
onBlur 當域失去焦點時執行.
onSelect 當域中有部分文本被選定時執行.
onChange 當域失去焦點且域值相對於onFocus執行有所改變時執行.
複選框(checkbox)對象
屬性
name NAME屬性的字符串值.
value 複選框內容的字符串值.如果設置了,則爲"on",否則爲"off".
checked 複選框內容的布爾值.如果設置了,則爲true,否則爲false .
defaultChecked 反映(CHECKED)屬性的布爾值(缺省狀態).
方法
click() 選定複選框,並使之狀態爲"on".
事件處理器
onClick 當用戶單擊Checkbox時執行.
單選按鈕(radio)對象
屬性
name NAME屬性的字符串值.
length radio對象中單選按鈕的個數.
value VALUE屬性的字符串值.
checked 布爾值,按下爲true,否則爲false .
defaultChecked 反映CHECKED屬性值的布爾值.
方法
click() 選定單選按鈕.
事件處理器
onClick 當單選按鈕被選定時執行.
select對象
屬性
length select對象中對象的個數.
name 由NAME=屬性定義的select對象的內部名.
selectedIndex select對象中當前被選option的下標.
options 該屬性對應於在HTML中定義select對象時標記中的內容,它有如下屬性:
text 標記後的文本串.
value VALUE屬性的值,當Submit按鈕被按下時,該值被提交.
defaultSelected 反映標記的SELECTED屬性的布爾值.
selected 反映option的當前選擇狀態的布爾值.
事件處理器
onFocus 當輸入焦點進入域時執行.
onBlur 當域失去輸入焦點時執行.
onChange 當域失去焦點且如果域的值相對於onFocus執行時有所改變,則執行onChange.
Button對象
表格中有三種類型按鈕,由標記中的TYPE屬性定義:
.submit (type="SUBMIT")
.reset (type="RESET")
.custom (type="BUTTON")
所有按鈕對象都有如下成分:
屬性
value VALUE屬性的字符串值.
name NAME屬性的字符串值.
方法
click() 選定按鈕
事件處理器
onClick 當按鈕被單擊時執行.
submit和reset對象
屬性
value VALUE=屬性的內容.
name NAME=屬性的內容.
方法
click() 選定按鈕
事件處理器
onClick 當按鈕被單擊時執行.
password對象
屬性
defaultValue VALUE=屬性的內容.
name NAME=屬性的內容.
value 目前輸入password域的數據.
方法
focus() 將焦點帶入password域.
blur 將焦點從password域移出.
select() 選定password域中的當前數據,以備修改.
navigator對象
該對象用於確定用戶訪問時使用的Navigator版本.
屬性
appCodeName 相對於用戶瀏覽器的"codename"
appName 相對於用戶瀏覽器的實際名字.
appVersion 相對於用戶瀏覽器的版本號.
userAgent 該屬性反映用戶瀏覽器的全部信息.
string對象
string對象爲操作字符串的內容提供了很多方法.
屬性
length 字符串的長度,即字符串中字符的個數.
方法
big(),blink(),bold(),fixed(),italics(),small(),sub(),strike(),sup(),fontColor(color),fontSize(size)
以上方法爲字符串增加相應的HTML標記.
charAt(index) 返回字符串中index處的字符.
indexOf(searchValue,[fromIndex]) 該方法在字符串中尋找第一次出現的searchValue.如果給定了fromIndex,則從 字符串內該位置開始搜索,當searchValue找到後,返回該串第一個字符的位置.
lastIndexOf(searchValue,[fromIndex]) 從字符串的尾部向前搜索searchValue,並報告找到的第一個實例.
substring(indexA,indexB) 獲取自indexA到indexB的子串.
toLowerCase(),toUpperCase() 將字符串中所有字符全部轉換成大寫,小寫.
Date對象
要使用Date對象,必須先生成一個Date實例:
變量名=new Date();
方法
getDay(),getDate(),getHours(),getMinutes(),getMonth(),getSeconds(),getTime(),
getTimeZoneOffset(),getYear()
還有setDay... ...
toGMTString() 用GMT格式返回當前時間. (Sun,12 Feb 1999 14:19:22 GMT)
toLocaleString 用locale格式返回當前時間. (03/11/99 14:19:22)
parse(date) 將普通date字符串轉換成豪秒形式,從而給setTime()做參數.
Math對象
屬性
LN10 (10的自然對數)
PI (3.1415926...)
SQRT1_2 (1/2的平方根)
方法
abs(x) 返回x的絕對值
acos(x) 返回x的arc cosine值
asin(x) 返回x的arc sin值
atan(x) 返回x的arc tangent值
ceil(x) 返回大於等於x的最小整數
cos(x) 返回x的cosine值
exp(x) 返回e的x次方
floor(x) 返回小於等於x的最大整數
log(x) 返回x的
max(x,y) 返回x,y中的大值
min(x,y) 返回x,y中的小值
pow(x,y) 返回x的y次方
round(x) 舍入到最近整數,(小於或等於0.5小數捨去)
sin(x) 返回x的sin值
sqrt(x) 返回x的平方根
tan(x) 返回x的tangent值
彈窗代碼彙總
【0、超完美彈窗代碼 】
www.jiedichina.com,南京捷帝科技
功能：5小時彈一次+背後彈出+自動適應不同分辯率+準全屏顯示
代碼：
<script>
function openwin(){
window.open(http://www.6882.com,"pop1","width="+(window.screen.width-15)+",height="+(window.screen.height-170)+",left=0,top=0,toolbar=yes,menubar=yes,scrollbars=yes,resizable=yes,location=yes,status=yes")
setTimeout("focus();",5);
}
function get_cookie(Name) {
var search = Name + "="
var return＆#118alue = "";
if (documents＆#46cookie.length > 0) {
offset = documents＆#46cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = documents＆#46cookie.indexOf(";", offset);
if (end == -1)
end = documents＆#46cookie.length;
return＆#118alue=unescape(documents＆#46cookie.substring(offset, end))
}
}
return return＆#118alue;
}
function Set()
{
var Then = new Date()
Then.setTime(Then.getTime() + 5*60*60*1000 )
documents＆#46cookie = "popped1=yes;expires="+ Then.toGMTString()
}
function loadpopup(){
if (get_cookie('popped1')=='')
{
openwin()
Set()
}
}
setTimeout("loadpopup()",5);
</script>
【1、最基本的彈出窗口代碼】
其實代碼非常簡單：
<script language="＆#106avascript">
<!--
window.open ('page.html')
-->
</script>
因爲着是一段＆#106avascripts代碼，所以它們應該放在<script language="＆#106avascript">標籤和</script>之間。<!-- 和 -->是對一些版本低的瀏覽器起作用，在這些老瀏覽器中不會將標籤中的代碼作爲文本顯示出來。要養成這個好習慣啊。
window.open ('page.html') 用於控制彈出新的窗口page.html，如果page.html不與主窗口在同一路徑下，前面應寫明路徑，絕對路徑(http://)和相對路徑(../)均可。用單引號和雙引號都可以，只是不要混用。
這一段代碼可以加入html的任意位置，<head>和</head>之間可以，<body>間</body>也可以，越前越早執行，尤其是頁面代碼長，又想使頁面早點彈出就儘量往前放。
【2、經過設置後的彈出窗口】
下面再說一說彈出窗口的設置。只要再往上面的代碼中加一點東西就可以了。
我們來定製這個彈出的窗口的外觀，尺寸大小，彈出的位置以適應該頁面的具體情況。
<script language="＆#106avascript">
<!--
window.open ('page.html', 'newwindow', 'height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')
//寫成一行
-->
</script>
參數解釋：
<script language="＆#106avascript"> js腳本開始；
window.open 彈出新窗口的命令；
'page.html' 彈出窗口的文件名；
'newwindow' 彈出窗口的名字（不是文件名），非必須，可用空''代替；
height=100 窗口高度；
width=400 窗口寬度；
top=0 窗口距離屏幕上方的象素值；
left=0 窗口距離屏幕左側的象素值；
toolbar=no 是否顯示工具欄，yes爲顯示；
menubar，scrollbars 表示菜單欄和滾動欄。
resizable=no 是否允許改變窗口大小，yes爲允許；
location=no 是否顯示地址欄，yes爲允許；
status=no 是否顯示狀態欄內的信息（通常是文件已經打開），yes爲允許；
</script> js腳本結束
【3、用函數控制彈出窗口】
下面是一個完整的代碼。
<html>
<head>
<script language="＆#106avascript">
<!--
function openwin() { window.open ("page.html", "newwindow", "height=100, width=400, toolbar=
no, menubar=no, scrollbars=no, resizable=no, location=no, status=no"
//寫成一行
}
//-->
</script>
</head>
<body >
...任意的頁面內容...
</body>
</html>
這裏定義了一個函數openwin(),函數內容就是打開一個窗口。在調用它之前沒有任何用途。
怎麼調用呢？
方法一：<body > 瀏覽器讀頁面時彈出窗口；
方法二：<body > 瀏覽器離開頁面時彈出窗口；
方法三：用一個連接調用：
<a href="#" _fcksavedurl=""#"" ＆#111nclick="openwin()">打開一個窗口</a>
注意：使用的“#”是虛連接。
方法四：用一個按鈕調用：
<input type="button" ＆#111nclick="openwin()" ＆#118alue="打開窗口">
【4、同時彈出2個窗口】
對源代碼稍微改動一下：
<script language="＆#106avascript">
<!--
function openwin()
{ window.open ("page.html", "newwindow", "height=100, width=100, top=0,left=0,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no"
//寫成一行
window.open ("page2.html", "newwindow2", "height=100, width=100, top=100, left=100,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no"
//寫成一行
}
//-->
</script>
爲避免彈出的2個窗口覆蓋，用top和left控制一下彈出的位置不要相互覆蓋即可。最後用上面說過的四種方法調用即可。
注意：2個窗口的name(newwindows和newwindow2)不要相同，或者乾脆全部爲空。ok？
【5、主窗口打開文件1.htm，同時彈出小窗口page.html】
如下代碼加入主窗口<head>區：
<script language="＆#106avascript">
<!--
function openwin()
{window.open("page.html","","width=200,height=200"
}
//-->
</script>
加入<body>區：
<a href="1.htm" ＆#111nclick="openwin()">open</a>即可。
【6、彈出的窗口之定時關閉控制】
下面我們再對彈出的窗口進行一些控制，效果就更好了。如果我們再將一小段代碼加入彈出的頁面(注意是加入到page.html的html中，可不是主頁面中，否則...)，讓它10秒後自動關閉是不是更酷了？
首先，將如下代碼加入page.html文件的<head>區：
<script language="＆#106avascript">
function closeit()
{settimeout("self.close()",10000) //毫秒}
</script>
然後，再用<body > 這一句話代替page.html中原有的<body>這一句就可以了。(這一句話千萬不要忘記寫啊！這一句的作用是調用關閉窗口的代碼，10秒鐘後就自行關閉該窗口。)
【7、在彈出窗口中加上一個關閉按鈕】
<form>
<input type='button' ＆#118alue='關閉' ＆#111nclick='window.close()'>
</form>
呵呵，現在更加完美了！
【8、內包含的彈出窗口-一個頁面兩個窗口】
上面的例子都包含兩個窗口，一個是主窗口，另一個是彈出的小窗口。
通過下面的例子，你可以在一個頁面內完成上面的效果。
<html>
<head>
<script language="＆#106avascript">
function openwin()
{openwindow=window.open("", "newwin", "height=250, width=250,toolbar=no,scrollbars="+scroll+",menubar=no";
//寫成一行
openwindow.document.write("<title>例子</title>"
openwindow.document.write("<body bgcolor=#ffffff>"
openwindow.document.write("<h1>hello!</h1>"
openwindow.document.write("new window opened!"
openwindow.document.write("</body>"
openwindow.document.write("</html>"
openwindow.document.close()}
</script>
</head>
<body>
<a href="#" ＆#111nclick="openwin()">打開一個窗口</a>
<input type="button" ＆#111nclick="openwin()" ＆#118alue="打開窗口">
</body>
</html>
看看 openwindow.document.write()裏面的代碼不就是標準的html嗎？只要按照格式寫更多的行即可。千萬注意多一個標籤或少一個標籤就會出現錯誤。記得用openwindow.document.close()結束啊。
SCRIPT 標記
用於包含javascript代碼.
語法
屬性
LANGUAGE 定義腳本語言
SRC 定義一個URL用以指定以.JS結尾的文件
windows對象
每個HTML文檔的頂層對象.
屬性
frames[] 子楨數組.每個子楨數組按源文檔中定義的順序存放.
feames.length 子楨個數.
self 當前窗口.
parent 父窗口(當前窗口是中一個子窗口).
top 頂層窗口(是所有可見窗口的父窗口).
status 瀏覽器狀態窗口上的消息.
defaultStatus 當status無效時,出現在瀏覽器狀態窗口上的缺省消息.
name 內部名,爲由window.open()方法打開的窗口定義的名字.
方法
alert("message") 顯示含有給定消息的"javascript Alert"對話框.
confirm("message") 顯示含有給定消息的"Confirm"對話框(有一個OK按鈕和一個Cancel按鈕).如果用戶單擊OK返回true,否則返回false.
prompt("message") 顯示一個"prompt"對話框,要求用戶根據顯示消息給予相應輸入.
open("URL","name") 打開一個新窗口,給予一個指定的名字.
close() 關閉當前窗口.
frame對象
它是整個瀏覽器窗口的子窗口,除了status,defaultStatus,name屬性外,它擁有window對象的全部屬性.
location對象
含有當前URL的信息.
屬性
href 整個URL字符串.
protocol 含有URL第一部分的字符串,如http:
host 包含有URL中主機名:端口號部分的字符串.如//www.cenpok.net/server/
hostname 包含URL中主機名的字符串.如http://www.cenpok.net
port 包含URL中可能存在的端口號字符串.
pathname URL中"/"以後的部分.如~list/index.htm
hash "#"號(CGI參數)之後的字符串.
search "?"號(CGI參數)之後的字符串.
document對象
含有當前文檔信息的對象.
屬性
title 當前文檔標題,如果未定義,則包含"Untitled".
location 文檔的全URL.
lastModified 含有文檔最後修改日期.
referrer 調用者URL,即用戶是從哪個URL鏈接到當前頁面的.
bgColor 背景色(#xxxxxx)
fgColor 前景文本顏色.
linkColor 超鏈接顏色.
vlinkColor 訪問過的超鏈顏色.
alinkColor 激活鏈顏色(鼠標按住未放時).
forms[] 文檔中form對象的數組,按定義次序存儲.
forms.length 文檔中的form對象數目.
links[] 與文檔中所有HREF鏈對應的數組對象,按次序定義存儲.
links.length 文檔中HREF鏈的數目.
anchors[] 錨(...)數組,按次序定義存儲.
anchors.length 文檔中錨的數目.
方法
write("string") 將字符串突出給當前窗口.(字符串可以含有HTML標記)
writeln("string") 與write()類似,在結尾追加回車符,只在預定格式文本中(...或...)生效.
clear() 清當前窗口.
close() 關閉當前窗口.
form對象
屬性
name
中的NAME屬性的字符串值.
method 中METHOD屬性的類值,"0"="GET" ,"1"="POST" .
action 中ACTION屬性的字符串值.
target 表格數據提交的目標,與標記中相應屬性一致.
elements[index] elements屬性包含form中的各個元素.
length 表格中的元素個數.
方法
submit() 提交表格.
事件處理器onSubmit() 用戶單擊一個定義好的按鈕提交form時運行的代碼.
text和textarea對象
屬性
name NAME屬性的字符串值.
value 域內容的字符串值.
defaultValue 域內容的初始字符串值.
方法
focus() 設置對象輸入焦點.
blur() 從對象上移走輸入焦點.
select() 選定對象的輸入區域.
事件處理器
onFocus 當輸入焦點進入時執行.
onBlur 當域失去焦點時執行.
onSelect 當域中有部分文本被選定時執行.
onChange 當域失去焦點且域值相對於onFocus執行有所改變時執行.
複選框(checkbox)對象
屬性
name NAME屬性的字符串值.
value 複選框內容的字符串值.如果設置了,則爲"on",否則爲"off".
checked 複選框內容的布爾值.如果設置了,則爲true,否則爲false .
defaultChecked 反映(CHECKED)屬性的布爾值(缺省狀態).
方法
click() 選定複選框,並使之狀態爲"on".
事件處理器
onClick 當用戶單擊Checkbox時執行.
單選按鈕(radio)對象
屬性
name NAME屬性的字符串值.
length radio對象中單選按鈕的個數.
value VALUE屬性的字符串值.
checked 布爾值,按下爲true,否則爲false .
defaultChecked 反映CHECKED屬性值的布爾值.
方法
click() 選定單選按鈕.
事件處理器
onClick 當單選按鈕被選定時執行.
select對象
屬性
length select對象中對象的個數.
name 由NAME=屬性定義的select對象的內部名.
selectedIndex select對象中當前被選option的下標.
options 該屬性對應於在HTML中定義select對象時標記中的內容,它有如下屬性:
text 標記後的文本串.
value VALUE屬性的值,當Submit按鈕被按下時,該值被提交.
defaultSelected 反映標記的SELECTED屬性的布爾值.
selected 反映option的當前選擇狀態的布爾值.
事件處理器
onFocus 當輸入焦點進入域時執行.
onBlur 當域失去輸入焦點時執行.
onChange 當域失去焦點且如果域的值相對於onFocus執行時有所改變,則執行onChange.
Button對象
表格中有三種類型按鈕,由標記中的TYPE屬性定義:
.submit (type="SUBMIT")
.reset (type="RESET")
.custom (type="BUTTON")
所有按鈕對象都有如下成分:
屬性
value VALUE屬性的字符串值.
name NAME屬性的字符串值.
方法
click() 選定按鈕
事件處理器
onClick 當按鈕被單擊時執行.
submit和reset對象
屬性
value VALUE=屬性的內容.
name NAME=屬性的內容.
方法
click() 選定按鈕
事件處理器
onClick 當按鈕被單擊時執行.
password對象
屬性
defaultValue VALUE=屬性的內容.
name NAME=屬性的內容.
value 目前輸入password域的數據.
方法
focus() 將焦點帶入password域.
blur 將焦點從password域移出.
select() 選定password域中的當前數據,以備修改.
navigator對象
該對象用於確定用戶訪問時使用的Navigator版本.
屬性
appCodeName 相對於用戶瀏覽器的"codename"
appName 相對於用戶瀏覽器的實際名字.
appVersion 相對於用戶瀏覽器的版本號.
userAgent 該屬性反映用戶瀏覽器的全部信息.
string對象
string對象爲操作字符串的內容提供了很多方法.
屬性
length 字符串的長度,即字符串中字符的個數.
方法
big(),blink(),bold(),fixed(),italics(),small(),sub(),strike(),sup(),fontColor(color),fontSize(size)
以上方法爲字符串增加相應的HTML標記.
charAt(index) 返回字符串中index處的字符.
indexOf(searchValue,[fromIndex]) 該方法在字符串中尋找第一次出現的searchValue.如果給定了fromIndex,則從 字符串內該位置開始搜索,當searchValue找到後,返回該串第一個字符的位置.
lastIndexOf(searchValue,[fromIndex]) 從字符串的尾部向前搜索searchValue,並報告找到的第一個實例.
substring(indexA,indexB) 獲取自indexA到indexB的子串.
toLowerCase(),toUpperCase() 將字符串中所有字符全部轉換成大寫,小寫.
Date對象
要使用Date對象,必須先生成一個Date實例:
變量名=new Date();
方法
getDay(),getDate(),getHours(),getMinutes(),getMonth(),getSeconds(),getTime(),
getTimeZoneOffset(),getYear()
還有setDay... ...
toGMTString() 用GMT格式返回當前時間. (Sun,12 Feb 1999 14:19:22 GMT)
toLocaleString 用locale格式返回當前時間. (03/11/99 14:19:22)
parse(date) 將普通date字符串轉換成豪秒形式,從而給setTime()做參數.
Math對象
屬性
LN10 (10的自然對數)
PI (3.1415926...)
SQRT1_2 (1/2的平方根)
方法
abs(x) 返回x的絕對值
acos(x) 返回x的arc cosine值
asin(x) 返回x的arc sin值
atan(x) 返回x的arc tangent值
ceil(x) 返回大於等於x的最小整數
cos(x) 返回x的cosine值
exp(x) 返回e的x次方
floor(x) 返回小於等於x的最大整數
log(x) 返回x的
max(x,y) 返回x,y中的大值
min(x,y) 返回x,y中的小值
pow(x,y) 返回x的y次方
round(x) 舍入到最近整數,(小於或等於0.5小數捨去)
sin(x) 返回x的sin值
sqrt(x) 返回x的平方根
tan(x) 返回x的tangent值
彈窗代碼彙總
【0、超完美彈窗代碼 】
www.jiedichina.com,南京捷帝科技
功能：5小時彈一次+背後彈出+自動適應不同分辯率+準全屏顯示
代碼：
<script>
function openwin(){
window.open(http://www.6882.com,"pop1","width="+(window.screen.width-15)+",height="+(window.screen.height-170)+",left=0,top=0,toolbar=yes,menubar=yes,scrollbars=yes,resizable=yes,location=yes,status=yes")
setTimeout("focus();",5);
}
function get_cookie(Name) {
var search = Name + "="
var return＆#118alue = "";
if (documents＆#46cookie.length > 0) {
offset = documents＆#46cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = documents＆#46cookie.indexOf(";", offset);
if (end == -1)
end = documents＆#46cookie.length;
return＆#118alue=unescape(documents＆#46cookie.substring(offset, end))
}
}
return return＆#118alue;
}
function Set()
{
var Then = new Date()
Then.setTime(Then.getTime() + 5*60*60*1000 )
documents＆#46cookie = "popped1=yes;expires="+ Then.toGMTString()
}
function loadpopup(){
if (get_cookie('popped1')=='')
{
openwin()
Set()
}
}
setTimeout("loadpopup()",5);
</script>
【1、最基本的彈出窗口代碼】
其實代碼非常簡單：
<script language="＆#106avascript">
<!--
window.open ('page.html')
-->
</script>
因爲着是一段＆#106avascripts代碼，所以它們應該放在<script language="＆#106avascript">標籤和</script>之間。<!-- 和 -->是對一些版本低的瀏覽器起作用，在這些老瀏覽器中不會將標籤中的代碼作爲文本顯示出來。要養成這個好習慣啊。
window.open ('page.html') 用於控制彈出新的窗口page.html，如果page.html不與主窗口在同一路徑下，前面應寫明路徑，絕對路徑(http://)和相對路徑(../)均可。用單引號和雙引號都可以，只是不要混用。
這一段代碼可以加入html的任意位置，<head>和</head>之間可以，<body>間</body>也可以，越前越早執行，尤其是頁面代碼長，又想使頁面早點彈出就儘量往前放。
【2、經過設置後的彈出窗口】
下面再說一說彈出窗口的設置。只要再往上面的代碼中加一點東西就可以了。
我們來定製這個彈出的窗口的外觀，尺寸大小，彈出的位置以適應該頁面的具體情況。
<script language="＆#106avascript">
<!--
window.open ('page.html', 'newwindow', 'height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')
//寫成一行
-->
</script>
參數解釋：
<script language="＆#106avascript"> js腳本開始；
window.open 彈出新窗口的命令；
'page.html' 彈出窗口的文件名；
'newwindow' 彈出窗口的名字（不是文件名），非必須，可用空''代替；
height=100 窗口高度；
width=400 窗口寬度；
top=0 窗口距離屏幕上方的象素值；
left=0 窗口距離屏幕左側的象素值；
toolbar=no 是否顯示工具欄，yes爲顯示；
menubar，scrollbars 表示菜單欄和滾動欄。
resizable=no 是否允許改變窗口大小，yes爲允許；
location=no 是否顯示地址欄，yes爲允許；
status=no 是否顯示狀態欄內的信息（通常是文件已經打開），yes爲允許；
</script> js腳本結束
【3、用函數控制彈出窗口】
下面是一個完整的代碼。
<html>
<head>
<script language="＆#106avascript">
<!--
function openwin() { window.open ("page.html", "newwindow", "height=100, width=400, toolbar=
no, menubar=no, scrollbars=no, resizable=no, location=no, status=no"
//寫成一行
}
//-->
</script>
</head>
<body >
...任意的頁面內容...
</body>
</html>
這裏定義了一個函數openwin(),函數內容就是打開一個窗口。在調用它之前沒有任何用途。
怎麼調用呢？
方法一：<body > 瀏覽器讀頁面時彈出窗口；
方法二：<body > 瀏覽器離開頁面時彈出窗口；
方法三：用一個連接調用：
<a href="#" _fcksavedurl=""#"" ＆#111nclick="openwin()">打開一個窗口</a>
注意：使用的“#”是虛連接。
方法四：用一個按鈕調用：
<input type="button" ＆#111nclick="openwin()" ＆#118alue="打開窗口">
【4、同時彈出2個窗口】
對源代碼稍微改動一下：
<script language="＆#106avascript">
<!--
function openwin()
{ window.open ("page.html", "newwindow", "height=100, width=100, top=0,left=0,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no"
//寫成一行
window.open ("page2.html", "newwindow2", "height=100, width=100, top=100, left=100,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no"
//寫成一行
}
//-->
</script>
爲避免彈出的2個窗口覆蓋，用top和left控制一下彈出的位置不要相互覆蓋即可。最後用上面說過的四種方法調用即可。
注意：2個窗口的name(newwindows和newwindow2)不要相同，或者乾脆全部爲空。ok？
【5、主窗口打開文件1.htm，同時彈出小窗口page.html】
如下代碼加入主窗口<head>區：
<script language="＆#106avascript">
<!--
function openwin()
{window.open("page.html","","width=200,height=200"
}
//-->
</script>
加入<body>區：
<a href="1.htm" ＆#111nclick="openwin()">open</a>即可。
【6、彈出的窗口之定時關閉控制】
下面我們再對彈出的窗口進行一些控制，效果就更好了。如果我們再將一小段代碼加入彈出的頁面(注意是加入到page.html的html中，可不是主頁面中，否則...)，讓它10秒後自動關閉是不是更酷了？
首先，將如下代碼加入page.html文件的<head>區：
<script language="＆#106avascript">
function closeit()
{settimeout("self.close()",10000) //毫秒}
</script>
然後，再用<body > 這一句話代替page.html中原有的<body>這一句就可以了。(這一句話千萬不要忘記寫啊！這一句的作用是調用關閉窗口的代碼，10秒鐘後就自行關閉該窗口。)
【7、在彈出窗口中加上一個關閉按鈕】
<form>
<input type='button' ＆#118alue='關閉' ＆#111nclick='window.close()'>
</form>
呵呵，現在更加完美了！
【8、內包含的彈出窗口-一個頁面兩個窗口】
上面的例子都包含兩個窗口，一個是主窗口，另一個是彈出的小窗口。
通過下面的例子，你可以在一個頁面內完成上面的效果。
<html>
<head>
<script language="＆#106avascript">
function openwin()
{openwindow=window.open("", "newwin", "height=250, width=250,toolbar=no,scrollbars="+scroll+",menubar=no";
//寫成一行
openwindow.document.write("<title>例子</title>"
openwindow.document.write("<body bgcolor=#ffffff>"
openwindow.document.write("<h1>hello!</h1>"
openwindow.document.write("new window opened!"
openwindow.document.write("</body>"
openwindow.document.write("</html>"
openwindow.document.close()}
</script>
</head>
<body>
<a href="#" ＆#111nclick="openwin()">打開一個窗口</a>
<input type="button" ＆#111nclick="openwin()" ＆#118alue="打開窗口">
</body>
</html>
看看 openwindow.document.write()裏面的代碼不就是標準的html嗎？只要按照格式寫更多的行即可。千萬注意多一個標籤或少一個標籤就會出現錯誤。記得用openwindow.document.close()結束啊。