日本亚洲色大成网站www,女人被男人躁得好爽免费视频,久久久这里只有免费精品 http://www.mxio.cn 傳播先進(jìn)設(shè)計(jì)理念 推動(dòng)原創(chuàng)設(shè)計(jì)發(fā)展 Sun, 28 Oct 2007 15:52:00 +0000 zh-Hans hourly 1 https://wordpress.org/?v=6.9.4 JS函數(shù)實(shí)現(xiàn)鼠標(biāo)指向圖片后顯示大圖代碼 http://www.mxio.cn/12620.html http://www.mxio.cn/12620.html#respond Sun, 28 Oct 2007 15:52:00 +0000

     

[Ctrl+A 全部選擇 提示：你可先修改部分代碼，再按運(yùn)行]

]]> http://www.mxio.cn/12620.html/feed 0 JavaScript基本數(shù)據(jù)結(jié)構(gòu) http://www.mxio.cn/12410.html http://www.mxio.cn/12410.html#respond Mon, 08 Oct 2007 01:51:00 +0000 JavaScript提供腳本語(yǔ)言的編程與C++非常相似，它只是去掉了Ｃ語(yǔ)言中有關(guān)指針等容易產(chǎn)生的錯(cuò)誤，并提供了功能強(qiáng)大的類(lèi)庫(kù)。對(duì)于已經(jīng)具備Ｃ++或Ｃ語(yǔ)言的人來(lái)說(shuō)，學(xué)習(xí)JavaScript腳本語(yǔ)言是一件非常輕松愉快的事。

一、JavaScript代碼的加入
　　JavaScript的腳本包括在HTML中，它成為HTML文檔的一部分。與HTML標(biāo)識(shí)相結(jié)合，構(gòu)成了一個(gè)功能強(qiáng)大的Internet網(wǎng)上編程語(yǔ)言。可以直接將JavaScript腳本加入文檔：

<Script Language =”JavaScript”>
JavaScript語(yǔ)言代碼；
JavaScript 語(yǔ)言代碼;
….
</Script>

說(shuō)明：
　 通過(guò)標(biāo)識(shí)<Script>…</Script>指明JavaScript腳本源代碼將放入其間。
　 通過(guò)屬性Language =”JavaScript”說(shuō)明標(biāo)識(shí)中是使用的何種語(yǔ)言，這里是JavaScript語(yǔ)言, 表示在JavaScript中使用的語(yǔ)言。

　　下面是將JavaScript腳本加入Web文檔中的例子:
Test2.html
<HTML>
<Head>
<Script Language =”JavaScript”>
document. Write(“這是賽迪網(wǎng)互動(dòng)學(xué)校”);
document. close();
</Script>
</Head>
</HTML>

　　在瀏覽器的窗口中調(diào)用test2.html，則顯示“這是賽迪網(wǎng)互動(dòng)學(xué)校”字串。
　　說(shuō)明:
　　Document. write()是文檔對(duì)象的輸出函數(shù)，其功能是將括號(hào)中的字符或變量值輸出到窗口；document. close()是將輸出關(guān)閉。
可將<Script>…</Script>標(biāo)識(shí)放入head>.. </Head>或<Body> …</Body>之間。將JavaScript標(biāo)識(shí)放置<Head>… </Head>在頭部之間，使之在主頁(yè)和其余部分代碼之前裝載，從而可使代碼的功能更強(qiáng)大；可以將JavaScript標(biāo)識(shí)放置在<Body>… </Body>主體之間以實(shí)現(xiàn)某些部分動(dòng)態(tài)地創(chuàng)建文檔。

二、基本數(shù)據(jù)類(lèi)型
　　JavaScript腳本語(yǔ)言同其它語(yǔ)言一樣，有它自身的基本數(shù)據(jù)類(lèi)型、表達(dá)式和算術(shù)運(yùn)算符以及程序的基本框架結(jié)構(gòu)。JavaScript提供了四種基本的數(shù)據(jù)類(lèi)型用來(lái)處理數(shù)字和文字, 而變量提供存放信息的地方, 表達(dá)式則可以完成較復(fù)雜的信息處理。

1、基本數(shù)據(jù)類(lèi)型
　　在JavaScript中四種基本的數(shù)據(jù)類(lèi)型：數(shù)值（整數(shù)和實(shí)數(shù)）、字符串型（用“”號(hào)或‘’括起來(lái)的字符或數(shù)值）、布爾型（使True或False表示）和空值。在JavaScript的基本類(lèi)型中的數(shù)據(jù)可以是常量，也可以變量。由于JavaScript采用弱類(lèi)型的形式，因而一個(gè)數(shù)據(jù)的變量或常量不必首先作聲明，而是在使用或賦值時(shí)確定其數(shù)據(jù)的類(lèi)型的。當(dāng)然也可以先聲明該數(shù)據(jù)的類(lèi)型，它是通過(guò)在賦值時(shí)自動(dòng)說(shuō)明其數(shù)據(jù)類(lèi)型的。

2、常量
　整型常量
JavaScript的常量通常又稱(chēng)字面常量，它是不能改變的數(shù)據(jù)。其整型常量可以使用十六進(jìn)制、八進(jìn)制和十進(jìn)制表示其值。
　實(shí)型常量
實(shí)型常量是由整數(shù)部分加小數(shù)部分表示，如12.32、193.98 。可以使用科學(xué)或標(biāo)準(zhǔn)方法表示：5E7、4e5等。
　布爾值
布爾常量只有兩種狀態(tài)：True或False。 它主要用來(lái)說(shuō)明或代表一種狀態(tài)或標(biāo)志，以說(shuō)明操作流程。它與Ｃ＋＋是不一樣的,Ｃ＋＋可以用１或０表示其狀態(tài),而JavaScript只能用True或False表示其狀態(tài)。
　字符型常量
使用單引號(hào)（‘）或雙引號(hào)（“）括起來(lái)的一個(gè)或幾個(gè)字符。如 “This is a book of JavaScript “、”3245″、”ewrt234234” 等。
　空值
JavaScript中有一個(gè)空值null,表示什么也沒(méi)有。如試圖引用沒(méi)有定義的變量,則返回一個(gè)Null值。
　特殊字符
同Ｃ語(yǔ)言一樣，JavaScript中同樣以有些以反斜杠（／）開(kāi)頭的不可顯示的特殊字符。通常稱(chēng)為控制字符。
　
3、變量
　　變量的主要作用是存取數(shù)據(jù)、提供存放信息的容器。對(duì)于變量必須明確變量的命名、變量的類(lèi)型、變量的聲明及其變量的作用域。
　變量的命名
JavaScript中的變量命名同其計(jì)算機(jī)語(yǔ)言非常相似，這里要注意以下兩點(diǎn)：
Ａ、必須是一個(gè)有效的變量，即變量以字母開(kāi)頭，中間可以出現(xiàn)數(shù)字如test1、text2等。除下劃線（－）作為連字符外，變量名稱(chēng)不能有空格、（＋）、（－）、（，）或其它符號(hào)。
Ｂ、不能使用JavaScript中的關(guān)鍵字作為變量。
在JavaScript中定義了４０多個(gè)類(lèi)鍵字，這些關(guān)鍵是JavaScript內(nèi)部使用的，不能作為變量的名稱(chēng)。如Var、int、double、true不能作為變量的名稱(chēng)。
　　在對(duì)變量命名時(shí)，最好把變量的意義與其代表的意思對(duì)應(yīng)起來(lái)，以免出現(xiàn)錯(cuò)誤。
　變量的類(lèi)型
在JavaScript中，變量可以用命令Var作聲明:
var mytest;
該例子定義了一個(gè)mytest變量。但沒(méi)有賦予它的值。
Var mytest=”This is a book”
該例子定義了一個(gè)mytest變量, 同時(shí)賦予了它的值。
在JavaScript中，變量以可以不作聲明，而在使用時(shí)再根據(jù)數(shù)據(jù)的類(lèi)型來(lái)確其變量的類(lèi)型。
如：
x=100
y=”125″
xy= True
cost=19.5等。
其中x整數(shù)，y為字符串，xy為布爾型，cost為實(shí)型。
　變量的聲明及其作用域
JavaScript變量可以在使用前先作聲明，并可賦值。通過(guò)使用var關(guān)鍵字對(duì)變量作聲明。對(duì)變量作聲明的最大好處就是能及時(shí)發(fā)現(xiàn)代碼中的錯(cuò)誤；因?yàn)镴avaScript是采用動(dòng)態(tài)編譯的，而動(dòng)態(tài)編譯是不易發(fā)現(xiàn)代碼中的錯(cuò)誤，特別是變量命名的方面。
對(duì)于變量還有一個(gè)重要性──那就是變量的作用域。在JavaScript中同樣有全局變量和局部變量。全局變量是定義在所有函數(shù)體之外，其作用范圍是整個(gè)函數(shù)；而局部變量是定義在函數(shù)體之內(nèi)，只對(duì)其該函數(shù)是可見(jiàn)的，而對(duì)其它函數(shù)則是不可見(jiàn)的。
　
三、表達(dá)式和運(yùn)算符

１、表達(dá)式
　　在定義完變量后，就可以對(duì)它們進(jìn)行賦值、改變、計(jì)算等一系列操作，這一過(guò)程通常又叫稱(chēng)一個(gè)叫表達(dá)式來(lái)完成，可以說(shuō)它是變量、常量、布爾及運(yùn)算符的集合，因此表達(dá)式可以分為算術(shù)表述式、字串表達(dá)式、賦值表達(dá)式以及布爾表達(dá)式等。

２、運(yùn)算符
　　運(yùn)算符完成操作的一系列符號(hào)，在JavaScript中有算術(shù)運(yùn)算符，如＋、-、*、/等；有比較運(yùn)算符如!＝、＝＝等; 有邏輯布爾運(yùn)算符如！（取反）、|、||; 有字串運(yùn)算如＋ 、 ＋＝等。
　　在JavaScript主要有雙目運(yùn)算符和單目運(yùn)算符。其雙目運(yùn)算符由下列組成：
操作數(shù)１ 運(yùn)算符 操作數(shù)２
　　即由兩個(gè)操作數(shù)和一個(gè)運(yùn)算符組成。如50＋40、”This”+”that”等。單目運(yùn)算符，只需一個(gè)操作數(shù)，其運(yùn)算符可在前或后。
（１）算術(shù)運(yùn)算符
　　JavaScript中的算術(shù)運(yùn)算符有單目運(yùn)算符和雙目運(yùn)算符。
雙目運(yùn)算符：
+（加） 、-（減）、 *（乘）、 /（除）、 %（取模） 、|（按位或）、&(按位與)、<<（左移）、 >>（右移）、 >>>（右移，零填充）。
單目運(yùn)算符：
-（取反）、~（取補(bǔ)）、++（遞加1）、–（遞減1）。
（２）比較運(yùn)算符
　　比較運(yùn)算符它的基本操作過(guò)程是，首先對(duì)它的操作數(shù)進(jìn)行比較，爾后再返回一個(gè)true或False值，有８?jìng)€(gè)比較運(yùn)算符:
<(小于)、>(大于)、<=(小于等于)、>=(大于等于)、==(等于)、!=(不等于)。
（３）布爾邏輯運(yùn)算符
　　在JavaScript中增加了幾個(gè)布爾邏輯運(yùn)算符:
!（取反)、&=（與之后賦值）、 &（邏輯與）、 |=（或之后賦值）、 |（邏輯或）、 ^=（異或之后賦值）、 ^（邏輯異或）、 ?:（三目操作符）、||（或）、==(等于)、|=(不等于)。
　　其中三目操作符主要格式如下：
操作數(shù)？結(jié)果１：結(jié)果２
　　若操作數(shù)的結(jié)果為真，則表述式的結(jié)果為結(jié)果１，否則為結(jié)果２。

四、范例
　　下面是一個(gè)跑馬燈效果的JavaScript文檔。

Test2_1.html
<html>
<head>
<script Language=”JavaScript”>
var msg=”這是一個(gè)跑馬燈效果的JavaScript文檔”;
var interval = 100;
var spacelen = 120;
var space10=” “;
var seq=0;
function Scroll() {
len = msg.length;
window.status = msg.substring(0, seq+1);
seq++;
if ( seq >= len ) {
seq = spacelen;
window.setTimeout(“Scroll2();”, interval );
}
else
window.setTimeout(“Scroll();”, interval );
}
function Scroll2() {
var out=””;
for (i=1; i<=spacelen/space10.length; i++) out +=
space10;
out = out + msg;
len=out.length;
window.status=out.substring(seq, len);
seq++;
if ( seq >= len ) { seq = 0; };
window.setTimeout(“Scroll2();”, interval );
}
Scroll();
</script>
<body>
</body>
</html>

　　本文介紹了JavaScript腳本是如何加入Web頁(yè)面, 并學(xué)習(xí)了JavaScript語(yǔ)言中的基本數(shù)據(jù)類(lèi)型、變量、常量、操作運(yùn)算符等。可以看出，對(duì)于已經(jīng)掌握Ｃ＋＋語(yǔ)言的人來(lái)說(shuō)，學(xué)習(xí)JavaScript真是一件非常輕松愉快的事。

]]> http://www.mxio.cn/12410.html/feed 0 名詞解釋:JavaScript、Jscript、VBScript、ASP http://www.mxio.cn/12382.html http://www.mxio.cn/12382.html#respond Fri, 05 Oct 2007 16:33:00 +0000 很多人都被這幾個(gè)名詞搞糊涂了，這里做個(gè)歸納，澄清這幾種概念。
JavaScript
JavaScript 最先由 Netscape 公司開(kāi)發(fā)，原名叫 LiveScript，設(shè)計(jì)該語(yǔ)言時(shí)部分參考了Java，并且當(dāng)時(shí)Java語(yǔ)言火熱得很，因此不久就改名為JavaScript。Netscape 公司在其網(wǎng)景瀏覽器上實(shí)現(xiàn)了該語(yǔ)言，應(yīng)用于客戶(hù)端開(kāi)發(fā)。
Jscript
這里不得不先提一下微軟的一款產(chǎn)品VBScript，其語(yǔ)法怪異（對(duì)于Java程序員來(lái)說(shuō)），缺乏OOP概念的支持等原因，導(dǎo)致VBScript叫好不叫座，于是財(cái)大氣粗的微軟仿照嶄新的客戶(hù)端語(yǔ)言JavaScript打造出自家的Jscript，希望能搶占市場(chǎng)。就目前來(lái)說(shuō)JavaScript與Jscript，幾乎沒(méi)有區(qū)別。
VBScript
如上面所說(shuō)，VBScript是微軟的產(chǎn)品，開(kāi)始時(shí)應(yīng)用于客戶(hù)端開(kāi)發(fā)。后來(lái)有了動(dòng)態(tài)腳本的概念后（ASP出來(lái)了），微軟就把該產(chǎn)品與自家的Jscript兩種語(yǔ)言各自實(shí)現(xiàn)了動(dòng)態(tài)腳本的概念。
ASP
ASP全稱(chēng)是Active Server Page，這是一種技術(shù)而不是一種語(yǔ)言，現(xiàn)在大部分ASP都使用 VBScript 來(lái)實(shí)現(xiàn)，服務(wù)器IIS默認(rèn)的語(yǔ)言也是VBScript。既然有默認(rèn)語(yǔ)言，那么就表示有非默認(rèn)的語(yǔ)言，沒(méi)錯(cuò)，就是Jscript，如前面所說(shuō)，Jscript也能應(yīng)用在服務(wù)端，甚至完全替代VBScript，操作數(shù)據(jù)庫(kù)等。

這也就是說(shuō)，VBScript 與 Jscript 兩種腳本語(yǔ)言既能應(yīng)用與客戶(hù)端，也能應(yīng)用與服務(wù)端。看看下面的例子：
<script language=”vbscript”>
<!–
//客戶(hù)端腳本vbs
response.write “demo text…” //不區(qū)分大小寫(xiě)，語(yǔ)法相當(dāng)寬松
–>
</script>

<script language=”Javascript”>
<!–
//客戶(hù)端腳本js
document.write(“demo text…”) //內(nèi)置對(duì)象必須區(qū)分大小寫(xiě)
–>
</script>

<script language=”vbscript” runat=”server” >
<!–
//服務(wù)端腳本vbs
response.write “demo text…” //不區(qū)分大小寫(xiě)，語(yǔ)法相當(dāng)寬松
–>
</script>

<script language=”javascript” runat=”server” >
<!–
//服務(wù)端腳本js
Response.Write(“demo text…”) //ASP內(nèi)置對(duì)象必須區(qū)分大小寫(xiě) –>
</script>
或者：
<%@LANGUAGE=”JAVASCRIPT”%> //放在服務(wù)端頁(yè)面第一行，表示該頁(yè)默認(rèn)使用Javascript腳本，在頁(yè)面的其他地方使用<%’code…%>，解釋器就認(rèn)為這是第一行定義的語(yǔ)言
<%@LANGUAGE=”VBSCRIPT”%> //放在服務(wù)端頁(yè)面第一行，表示該頁(yè)使用VBSCRIPT腳本，在頁(yè)面的其他地方使用<%’code…%>，解釋器就認(rèn)為這是第一行定義的語(yǔ)言

另外，.vbs與.js還能在被 Window Script Host (WSH) 所解釋運(yùn)行

]]> http://www.mxio.cn/12382.html/feed 0 JavaScript容易犯錯(cuò)的九個(gè)陷阱 http://www.mxio.cn/12376.html http://www.mxio.cn/12376.html#respond Fri, 05 Oct 2007 13:44:00 +0000

來(lái)自 Nine Javascript Gotchas , 以下是JavaScript容易犯錯(cuò)的九個(gè)陷阱。雖然不是什么很高深的技術(shù)問(wèn)題，但注意一下，會(huì)使您的編程輕松些，即所謂make life easier. 筆者對(duì)某些陷阱會(huì)混雜一些評(píng)點(diǎn)。

1.　最后一個(gè)逗號(hào)

如這段代碼，注意最后一個(gè)逗號(hào)，按語(yǔ)言學(xué)角度來(lái)說(shuō)應(yīng)該是不錯(cuò)的（python的類(lèi)似數(shù)據(jù)類(lèi)型辭典dictionary就允許如此）。IE會(huì)報(bào)語(yǔ)法錯(cuò)誤，但語(yǔ)焉不詳，你只能用人眼從幾千行代碼中掃描。

<script>
  var theObj = {
        city : “Boston”,
        state : “MA”,
  }
</script>

2.　this的引用會(huì)改變

如這段代碼：

<input type=”button” value=”Gotcha!” id=”MyButton” >
<script>
var MyObject = function () {
    this.alertMessage = “Javascript rules”;
    this.ClickHandler = function() {
        alert(this.alertMessage );
  }
}();
document.getElementById(”theText”).onclick =  MyObject.ClickHandler
</script>

并不如你所愿，答案并不是”JavaScript rules”。在執(zhí)行MyObject.ClickHandler時(shí)，代碼中紅色這行，this的引用實(shí)際上指向的是document.getElementById(“theText”)的引用。可以這么解決：

<input type=”button” value=”Gotcha!” id=”theText” >
<script>
var MyObject = function () {
    var self = this;
    this.alertMessage = “Javascript rules”;
    this.OnClick = function() {
        alert(self.value);
    }
}();
document.getElementById(”theText”).onclick =  MyObject.OnClick
</script>

實(shí)質(zhì)上，這就是JavaScript作用域的問(wèn)題。如果你看過(guò)，你會(huì)發(fā)現(xiàn)解決方案不止一種。

3.　標(biāo)識(shí)盜賊

在JavaScript中不要使用跟HTML的id一樣的變量名。如下代碼：

<input type=”button” id=”TheButton”>
<script>
    TheButton = get(“TheButton”);
</script>

IE會(huì)報(bào)對(duì)象未定義的錯(cuò)誤。我只能說(shuō)：IE sucks.

4.　字符串只替換第一個(gè)匹配

如下代碼：

<script>
    var fileName = “This is a title”.replace(” “,”_”);
</script>

而實(shí)際上，結(jié)果是”This_is a title“. 在JavaScript中，String.replace的第一個(gè)參數(shù)應(yīng)該是正則表達(dá)式。所以，正確的做法是這樣：

var fileName = “This is a title”.replace(/ /g,”_”);

5.　mouseout意味著mousein

事實(shí)上，這是由于事件冒泡導(dǎo)致的。IE中有mouseenter和mouseleave，但不是標(biāo)準(zhǔn)的。作者在此建議大家使用庫(kù)比如YUI來(lái)解決問(wèn)題。

6.　parseInt是基于進(jìn)制體系的

這個(gè)是常識(shí)，可是很多人給忽略了parseInt還有第二個(gè)參數(shù)，用以指明進(jìn)制。比如，parseInt(“09”)，如果你認(rèn)為答案是9，那就錯(cuò)了。因?yàn)椋诖耍址?開(kāi)頭，parseInt以八進(jìn)制來(lái)處理它，在八進(jìn)制中，09是非法，返回false，布爾值false轉(zhuǎn)化成數(shù)值就是0. 因此，正確的做法是parseInt(“09”, 10).

7.　for…in…會(huì)遍歷所有的東西

有一段這樣的代碼：

var arr = [5,10,15]
var total = 1;
for ( var x in arr) {
    total = total * arr[x];
}

運(yùn)行得好好的，不是嗎？但是有一天它不干了，給我返回的值變成了NaN, 暈。我只不過(guò)引入了一個(gè)庫(kù)而已啊。原來(lái)是這個(gè)庫(kù)改寫(xiě)了Array的prototype，這樣，我們的arr平白無(wú)過(guò)多出了一個(gè)屬性（方法），而for…in…會(huì)把它給遍歷出來(lái)。所以這樣做才是比較安全的：

for ( var x = 0; x < arr.length; x++) {
    total = total * arr[x];
}

其實(shí)，這也是污染基本類(lèi)的prototype會(huì)帶來(lái)危害的一個(gè)例證。

8.　事件處理器的陷阱

這其實(shí)只會(huì)存在使用作為對(duì)象屬性的事件處理器才會(huì)存在的問(wèn)題。比如window.onclick = MyOnClickMethod這樣的代碼，這會(huì)復(fù)寫(xiě)掉之前的window.onclick事件，還可能導(dǎo)致IE的內(nèi)容泄露（sucks again）。在IE還沒(méi)有支持DOM 2的事件注冊(cè)之前，作者建議使用庫(kù)來(lái)解決問(wèn)題，比如使用YUI:

YAHOO.util.Event.addListener(window, “click”, MyOnClickMethod);

這應(yīng)該也屬于常識(shí)問(wèn)題，但新手可能容易犯錯(cuò)。

9.　Focus Pocus

新建一個(gè)input文本元素，然后把焦點(diǎn)挪到它上面，按理說(shuō)，這樣的代碼應(yīng)該很自然：

var newInput = document.createElement(“input”);
document.body.appendChild(newInput);
newInput.focus();
newInput.select();

但是IE會(huì)報(bào)錯(cuò)（sucks again and again）。理由可能是當(dāng)你執(zhí)行fouce()的時(shí)候，元素尚未可用。因此，我們可以延遲執(zhí)行：

var newInput = document.createElement(“input”);
newInput.id = “TheNewInput”;
document.body.appendChild(newInput);
setTimeout(function(){ //這里我使用閉包改寫(xiě)過(guò)，若有興趣可以對(duì)比原文
 document.getElementById(‘TheNewInput’).focus();
 document.getElementById(‘TheNewInput’).select();}, 10);

在實(shí)踐中，JavaScript的陷阱還有很多很多，大多是由于解析器的實(shí)現(xiàn)不到位而引起。這些東西一般都不會(huì)在教科書(shū)中出現(xiàn)，只能靠開(kāi)發(fā)者之間的經(jīng)驗(yàn)分享。謝天謝地，我們生活在網(wǎng)絡(luò)時(shí)代，很多碰到的問(wèn)題，一般都可以在Google中找到答案。

]]> http://www.mxio.cn/12376.html/feed 0 js鼠標(biāo)事件 http://www.mxio.cn/11913.html http://www.mxio.cn/11913.html#respond Sun, 29 Jul 2007 08:06:00 +0000
一般事件
事件瀏覽器支持描述
onClickIE3|N2|O3鼠標(biāo)點(diǎn)擊事件，多用在某個(gè)對(duì)象控制的范圍內(nèi)的鼠標(biāo)點(diǎn)擊
onDblClickIE4|N4|O鼠標(biāo)雙擊事件
onMouseDownIE4|N4|O鼠標(biāo)上的按鈕被按下了
onMouseUpIE4|N4|O鼠標(biāo)按下后，松開(kāi)時(shí)激發(fā)的事件
onMouseOverIE3|N2|O3當(dāng)鼠標(biāo)移動(dòng)到某對(duì)象范圍的上方時(shí)觸發(fā)的事件
onMouseMoveIE4|N4|O鼠標(biāo)移動(dòng)時(shí)觸發(fā)的事件
onMouseOutIE4|N3|O3當(dāng)鼠標(biāo)離開(kāi)某對(duì)象范圍時(shí)觸發(fā)的事件
onKeyPressIE4|N4|O當(dāng)鍵盤(pán)上的某個(gè)鍵被按下并且釋放時(shí)觸發(fā)的事件.[注意:頁(yè)面內(nèi)必須有被聚焦的對(duì)象]
onKeyDownIE4|N4|O當(dāng)鍵盤(pán)上某個(gè)按鍵被按下時(shí)觸發(fā)的事件[注意:頁(yè)面內(nèi)必須有被聚焦的對(duì)象]
onKeyUpIE4|N4|O當(dāng)鍵盤(pán)上某個(gè)按鍵被按放開(kāi)時(shí)觸發(fā)的事件[注意:頁(yè)面內(nèi)必須有被聚焦的對(duì)象]
頁(yè)面相關(guān)事件
事件瀏覽器支持描述
onAbortIE4|N3|O圖片在下載時(shí)被用戶(hù)中斷
onBeforeUnloadIE4|N|O當(dāng)前頁(yè)面的內(nèi)容將要被改變時(shí)觸發(fā)的事件
onErrorIE4|N3|O捕抓當(dāng)前頁(yè)面因?yàn)槟撤N原因而出現(xiàn)的錯(cuò)誤，如腳本錯(cuò)誤與外部數(shù)據(jù)引用的錯(cuò)誤
onLoadIE3|N2|O3頁(yè)面內(nèi)空完成傳送到瀏覽器時(shí)觸發(fā)的事件，包括外部文件引入完成
onMoveIE|N4|O瀏覽器的窗口被移動(dòng)時(shí)觸發(fā)的事件
onResizeIE4|N4|O當(dāng)瀏覽器的窗口大小被改變時(shí)觸發(fā)的事件
onScrollIE4|N|O瀏覽器的滾動(dòng)條位置發(fā)生變化時(shí)觸發(fā)的事件
onStopIE5|N|O瀏覽器的停止按鈕被按下時(shí)觸發(fā)的事件或者正在下載的文件被中斷
onUnloadIE3|N2|O3當(dāng)前頁(yè)面將被改變時(shí)觸發(fā)的事件
表單相關(guān)事件
事件瀏覽器支持描述
onBlurIE3|N2|O3當(dāng)前元素失去焦點(diǎn)時(shí)觸發(fā)的事件 [鼠標(biāo)與鍵盤(pán)的觸發(fā)均可]
onChangeIE3|N2|O3當(dāng)前元素失去焦點(diǎn)并且元素的內(nèi)容發(fā)生改變而觸發(fā)的事件 [鼠標(biāo)與鍵盤(pán)的觸發(fā)均可]
onFocusIE3|N2|O3當(dāng)某個(gè)元素獲得焦點(diǎn)時(shí)觸發(fā)的事件
onResetIE4|N3|O3當(dāng)表單中RESET的屬性被激發(fā)時(shí)觸發(fā)的事件
onSubmitIE3|N2|O3一個(gè)表單被遞交時(shí)觸發(fā)的事件
滾動(dòng)字幕事件
事件瀏覽器支持描述
onBounceIE4|N|O在Marquee內(nèi)的內(nèi)容移動(dòng)至Marquee顯示范圍之外時(shí)觸發(fā)的事件
onFinishIE4|N|O當(dāng)Marquee元素完成需要顯示的內(nèi)容后觸發(fā)的事件
onStartIE4|N|O當(dāng)Marquee元素開(kāi)始顯示內(nèi)容時(shí)觸發(fā)的事件
編輯事件
事件瀏覽器支持描述
onBeforeCopyIE5|N|O當(dāng)頁(yè)面當(dāng)前的被選擇內(nèi)容將要復(fù)制到瀏覽者系統(tǒng)的剪貼板前觸發(fā)的事件
onBeforeCutIE5|N|O當(dāng)頁(yè)面中的一部分或者全部的內(nèi)容將被移離當(dāng)前頁(yè)面[剪貼]并移動(dòng)到瀏覽者的系統(tǒng)剪貼板時(shí)觸發(fā)的事件
onBeforeEditFocusIE5|N|O當(dāng)前元素將要進(jìn)入編輯狀態(tài)
onBeforePasteIE5|N|O內(nèi)容將要從瀏覽者的系統(tǒng)剪貼板傳送[粘貼]到頁(yè)面中時(shí)觸發(fā)的事件
onBeforeUpdateIE5|N|O當(dāng)瀏覽者粘貼系統(tǒng)剪貼板中的內(nèi)容時(shí)通知目標(biāo)對(duì)象
onContextMenuIE5|N|O當(dāng)瀏覽者按下鼠標(biāo)右鍵出現(xiàn)菜單時(shí)或者通過(guò)鍵盤(pán)的按鍵觸發(fā)頁(yè)面菜單時(shí)觸發(fā)的事件 [試試在頁(yè)面中的<body>中加入onContentMenu=”return false”就可禁止使用鼠標(biāo)右鍵了]
onCopyIE5|N|O當(dāng)頁(yè)面當(dāng)前的被選擇內(nèi)容被復(fù)制后觸發(fā)的事件
onCutIE5|N|O當(dāng)頁(yè)面當(dāng)前的被選擇內(nèi)容被剪切時(shí)觸發(fā)的事件
onDragIE5|N|O當(dāng)某個(gè)對(duì)象被拖動(dòng)時(shí)觸發(fā)的事件 [活動(dòng)事件]
onDragDropIE|N4|O一個(gè)外部對(duì)象被鼠標(biāo)拖進(jìn)當(dāng)前窗口或者幀
onDragEndIE5|N|O當(dāng)鼠標(biāo)拖動(dòng)結(jié)束時(shí)觸發(fā)的事件，即鼠標(biāo)的按鈕被釋放了
onDragEnterIE5|N|O當(dāng)對(duì)象被鼠標(biāo)拖動(dòng)的對(duì)象進(jìn)入其容器范圍內(nèi)時(shí)觸發(fā)的事件
onDragLeaveIE5|N|O當(dāng)對(duì)象被鼠標(biāo)拖動(dòng)的對(duì)象離開(kāi)其容器范圍內(nèi)時(shí)觸發(fā)的事件
onDragOverIE5|N|O當(dāng)某被拖動(dòng)的對(duì)象在另一對(duì)象容器范圍內(nèi)拖動(dòng)時(shí)觸發(fā)的事件
onDragStartIE4|N|O當(dāng)某對(duì)象將被拖動(dòng)時(shí)觸發(fā)的事件
onDropIE5|N|O在一個(gè)拖動(dòng)過(guò)程中，釋放鼠標(biāo)鍵時(shí)觸發(fā)的事件
onLoseCaptureIE5|N|O當(dāng)元素失去鼠標(biāo)移動(dòng)所形成的選擇焦點(diǎn)時(shí)觸發(fā)的事件
onPasteIE5|N|O當(dāng)內(nèi)容被粘貼時(shí)觸發(fā)的事件
onSelectIE4|N|O當(dāng)文本內(nèi)容被選擇時(shí)的事件
onSelectStartIE4|N|O當(dāng)文本內(nèi)容選擇將開(kāi)始發(fā)生時(shí)觸發(fā)的事件
數(shù)據(jù)綁定
事件瀏覽器支持描述
onAfterUpdateIE4|N|O當(dāng)數(shù)據(jù)完成由數(shù)據(jù)源到對(duì)象的傳送時(shí)觸發(fā)的事件
onCellChangeIE5|N|O當(dāng)數(shù)據(jù)來(lái)源發(fā)生變化時(shí)
onDataAvailableIE4|N|O當(dāng)數(shù)據(jù)接收完成時(shí)觸發(fā)事件
onDatasetChangedIE4|N|O數(shù)據(jù)在數(shù)據(jù)源發(fā)生變化時(shí)觸發(fā)的事件
onDatasetCompleteIE4|N|O當(dāng)來(lái)子數(shù)據(jù)源的全部有效數(shù)據(jù)讀取完畢時(shí)觸發(fā)的事件
onErrorUpdateIE4|N|O當(dāng)使用onBeforeUpdate事件觸發(fā)取消了數(shù)據(jù)傳送時(shí)，代替onAfterUpdate事件
onRowEnterIE5|N|O當(dāng)前數(shù)據(jù)源的數(shù)據(jù)發(fā)生變化并且有新的有效數(shù)據(jù)時(shí)觸發(fā)的事件
onRowExitIE5|N|O當(dāng)前數(shù)據(jù)源的數(shù)據(jù)將要發(fā)生變化時(shí)觸發(fā)的事件
onRowsDeleteIE5|N|O當(dāng)前數(shù)據(jù)記錄將被刪除時(shí)觸發(fā)的事件
onRowsInsertedIE5|N|O當(dāng)前數(shù)據(jù)源將要插入新數(shù)據(jù)記錄時(shí)觸發(fā)的事件
數(shù)據(jù)綁定
事件瀏覽器支持描述
onAfterPrintIE5|N|O當(dāng)文檔被打印后觸發(fā)的事件
onBeforePrintIE5|N|O當(dāng)文檔即將打印時(shí)觸發(fā)的事件
onFilterChangeIE4|N|O當(dāng)某個(gè)對(duì)象的濾鏡效果發(fā)生變化時(shí)觸發(fā)的事件
onHelpIE4|N|O當(dāng)瀏覽者按下F1或者瀏覽器的幫助選擇時(shí)觸發(fā)的事件
onPropertyChangeIE5|N|O當(dāng)對(duì)象的屬性之一發(fā)生變化時(shí)觸發(fā)的事件
onReadyStateChangeIE4|N|O當(dāng)對(duì)象的初始化屬性值發(fā)生變化時(shí)觸發(fā)的事件

]]> http://www.mxio.cn/11913.html/feed 0 網(wǎng)頁(yè)制作常用Javascript語(yǔ)句 http://www.mxio.cn/11454.html http://www.mxio.cn/11454.html#respond Tue, 24 Apr 2007 03:30:00 +0000 1.document.write(“”); 輸出語(yǔ)句
2.JS中的注釋為//
3.傳統(tǒng)的HTML文檔順序是:document->html->(head,body)
4.一個(gè)瀏覽器窗口中的DOM順序是:window->(navigator,screen,history,location,document)
5.得到表單中元素的名稱(chēng)和值:document.getElementById(“表單中元素的ID?”).name(或value)
6.一個(gè)小寫(xiě)轉(zhuǎn)大寫(xiě)的JS: document.getElementById(“output”).value = document.getElementById(“input”).value.toUpperCase();
7.JS中的值類(lèi)型:String,Number,Boolean,Null,Object,Function
8.JS中的字符型轉(zhuǎn)換成數(shù)值型:parseInt(),parseFloat()
9.JS中的數(shù)字轉(zhuǎn)換成字符型:(“” 變量)
10.JS中的取字符串長(zhǎng)度是:(length)
11.JS中的字符與字符相連接使用 ?.
12.JS中的比較操作符有:==等于,!=不等于,>,>=,<.<=
13.JS中聲明變量使用:var來(lái)進(jìn)行聲明
14.JS中的判斷語(yǔ)句結(jié)構(gòu):if(condition){}else{}
15.JS中的循環(huán)結(jié)構(gòu):for([initial expression];[condition];[upadte expression]) {inside loop}
16.循環(huán)中止的命令是:break
17.JS中的函數(shù)定義:function functionName([parameter],…){statement[s]}
18.當(dāng)文件中出現(xiàn)多個(gè)form表單時(shí).可以用document.forms[0],document.forms[1]來(lái)代替.
19.窗口:打開(kāi)窗口window.open(), 關(guān)閉一個(gè)窗口:window.close(), 窗口本身:self
20.狀?欄的設(shè)置:window.status=”字符”;
21.彈出提示信息:window.alert(“字符”);
22.彈出催認(rèn)框:window.confirm();
23.彈出輸入提示框:window.prompt();
24.指定當(dāng)前顯示鏈接的位置:window.location.href=”URL”
25.取出窗體中的所有表單的數(shù)量:document.forms.length
26.關(guān)閉文檔的輸出流:document.close();
27.字符串追加連接符: =
28.創(chuàng)建一個(gè)文檔元素:document.createElement(),document.createTextNode()
29.得到元素的方法:document.getElementById()
30.設(shè)置表單中所有文本型的成員的值為空:
var form = window.document.forms[0]
for (var i = 0; i<form.elements.length;i ){
if (form.elements.type == “text”){
form.elements.value = “”;
}
}
31.復(fù)選按鈕在JS中判斷是否選中:document.forms[0].checkThis.checked (checked屬性代表為是否選中返回TRUE或FALSE)
32.單選按鈕組(單選按鈕的名稱(chēng)必須相同):取單選按鈕組的長(zhǎng)度document.forms[0].groupName.length
33.單選按鈕組判斷是否被選中也是用checked.
34.下拉列表框的值:document.forms[0].selectName.options[n].value (n有時(shí)用下拉列表框名稱(chēng)加上.selectedIndex來(lái)催定被選中的值)
35.字符串的定義:var myString = new String(“This is lightsword”);
36.字符串轉(zhuǎn)成大寫(xiě):string.toUpperCase(); 字符串轉(zhuǎn)成小寫(xiě):string.toLowerCase();
37.返回字符串2在字符串1中出現(xiàn)的位置:String1.indexOf(“String2”)!=-1則說(shuō)明沒(méi)找到.
38.取字符串中指定位置的一個(gè)字符:StringA.charAt(9);
39.取出字符串中指定起點(diǎn)和終點(diǎn)的子字符串:stringA.substring(2,6);
40.數(shù)學(xué)函數(shù):Math.PI(返回圓周率),Math.SQRT2(返回開(kāi)方),Math.max(value1,value2)返回兩個(gè)數(shù)中的最在值,Math.pow(value1,10)返回value1的十次方,Math.round(value1)四舍五入函數(shù),Math.floor(Math.random()*(n 1))返回胗機(jī)數(shù)
41.定義日期型變量:var today = new Date();
42.日期函數(shù)列表:dateObj.getTime()得到時(shí)間,dateObj.getYear()得到年份,dateObj.getFullYear()得到四位的年份,dateObj.getMonth()得到月份,dateObj.getDate()得到日,dateObj.getDay()得到日期幾,dateObj.getHours()得到小時(shí),dateObj.getMinutes()得到分,dateObj.getSeconds()得到秒,dateObj.setTime(value)設(shè)置時(shí)間,dateObj.setYear(val)設(shè)置年,dateObj.setMonth(val)設(shè)置月,dateObj.setDate(val)設(shè)置日,dateObj.setDay(val)設(shè)置星期幾,dateObj.setHours設(shè)置小時(shí),dateObj.setMinutes(val)設(shè)置分,dateObj.setSeconds(val)設(shè)置秒 [注意:此日期時(shí)間從0開(kāi)始計(jì)]
43.FRAME的表示方式: [window.]frames[n].ObjFuncVarName,frames[“frameName”].ObjFuncVarName,frameName.ObjFuncVarName
44.parent代表父親對(duì)象,top代表最頂端對(duì)象
45.打開(kāi)子窗口的父窗口為:opener
46.表示當(dāng)前所屬的位置:this
47.當(dāng)在超鏈接中調(diào)用JS函數(shù)時(shí)用:(javascript :)來(lái)開(kāi)頭后面加函數(shù)名
48.在老的瀏覽器中不執(zhí)行此JS:<!– //–>
49.引用一個(gè)文件式的JS:<script type=”text/javascript” src=”aaa.js”></script>
50.指定在不支持腳本的瀏覽器顯示的HTML:<noscript></noscript>
51.當(dāng)超鏈和onCLICK事件都有時(shí),則老版本的瀏覽器轉(zhuǎn)向a.html,否則轉(zhuǎn)向b.html.例:<a href=”a.html” onclick=”location.href=’b.html’;return false”>dfsadf</a>
52.JS的?建對(duì)象有:Array,Boolean,Date,Error,EvalError,Function,Math,Number,Object,RangeError,ReferenceError,RegExp,String,SyntaxError,TypeError,URIError
53.JS中的換行:\n
54.窗口全屏大小:<script>function fullScreen(){ this.moveTo(0,0);this.outerWidth=screen.availWidth;this.outerHeight=screen.availHeight;}window.maximize=fullScreen;</script>
55.JS中的all代表其下層的全部元素
56.JS中的焦點(diǎn)順序:document.getElementByid(“表單元素”).tabIndex = 1
57.innerHTML的值是表單元素的值:如<p id=”para”>”how are <em>you</em>”</p>,則innerHTML的值就是:how are <em>you</em>
58.innerTEXT的值和上面的一樣,只不過(guò)不會(huì)把<em>這種?記顯示出來(lái).
59.contentEditable可設(shè)置元素是否可被修改,isContentEditable返回是否可修改的狀?.
60.isDisabled判斷是否為禁止?fàn)?.disabled設(shè)置禁止?fàn)?
61.length取得長(zhǎng)度,返回整型數(shù)值
62.addBehavior()是一種JS調(diào)用的外部函數(shù)文件其擴(kuò)展名為.htc
63.window.focus()使當(dāng)前的窗口在所有窗口之前.
64.blur()指失去焦點(diǎn).與FOCUS()相反.
65.select()指元素為選中狀?.
66.防止用戶(hù)對(duì)文本框中輸入文本:onfocus=”this.blur()”
67.取出該元素在頁(yè)面中出現(xiàn)的數(shù)量:document.all.tags(“P(或其它HTML?記符)”).length
68.JS中分為兩種窗體輸出:模?和非模?.window.showModaldialog(),window.showModeless()
69.狀?欄文字的設(shè)置:window.status=’文字’,默認(rèn)的狀?欄文字設(shè)置:window.defaultStatus = ‘文字.’;
70.添加到收藏夾:external.AddFavorite(“http://www.webjx.com”;,”webjx”);
71.JS中遇到腳本錯(cuò)誤時(shí)不做任何操作:window.onerror = doNothing; 指定錯(cuò)誤句柄的語(yǔ)法為:window.onerror = handleError;
72.JS中指定當(dāng)前打開(kāi)窗口的父窗口:window.opener,支持opener.opener…的多重繼續(xù).
73.JS中的self指的是當(dāng)前的窗口
74.JS中狀?欄顯示?容:window.status=”?容”
75.JS中的top指的是框架集中最頂層的框架
76.JS中關(guān)閉當(dāng)前的窗口:window.close();
77.JS中提出是否催認(rèn)的框:if(confirm(“Are you sure?”)){alert(“ok”);}else{alert(“Not Ok”);}
78.JS中的窗口重定向:window.navigate(http://www.webjx.com;);
79.JS中的打印:window.print()
80.JS中的提示輸入框:window.prompt(“message”,”defaultReply”);
81.JS中的窗口滾動(dòng)條:window.scroll(x,y)
82.JS中的窗口滾動(dòng)到位置:window.scrollby
83.JS中設(shè)置時(shí)間間隔:setInterval(“expr”,msecDelay)或setInterval(funcRef,msecDelay)或setTimeout
84.JS中的模?顯示在IE4 行,在NN中不行:showModalDialog(“URL”[,arguments][,features]);
85.JS中的退出之前使用的句柄:function verifyClose(){event.returnValue=”we really like you and hope you will stay longer.”;}} window.=verifyClose;
86.當(dāng)窗體第一次調(diào)用時(shí)使用的文件句柄:onload()
87.當(dāng)窗體關(guān)閉時(shí)調(diào)用的文件句柄:onunload()
88.window.location的屬性: protocol(http:),hostname(www.webjx.com),port(80),host(www.example.com:80),pathname(“/a/a.html”),hash(“#giantGizmo”,指跳轉(zhuǎn)到相應(yīng)的錨記),href(全部的信息)
89.window.location.reload()刷新當(dāng)前頁(yè)面.
90.window.history.back()返回上一頁(yè),window.history.forward()返回下一頁(yè),window.history.go(返回第幾頁(yè),也可以使用訪問(wèn)過(guò)的URL)
91.document.write()不換行的輸出,document.writeln()換行輸出
92.document.body.noWrap=true;防止鏈接文字折行.
93.變量名.charAt(第幾位),取該變量的第幾位的字符.
94.”abc”.charCodeAt(第幾個(gè)),返回第幾個(gè)字符的ASCii碼值.
95.字符串連接:string.concat(string2),或用 =進(jìn)行連接
96.變量.indexOf(“字符”,起始位置),返回第一個(gè)出現(xiàn)的位置(從0開(kāi)始計(jì)算)
97.string.lastIndexOf(searchString[,startIndex])最后一次出現(xiàn)的位置.
98.string.match(regExpression),判斷字符是否匹配.
99.string.replace(regExpression,replaceString)替換現(xiàn)有字符串.
100.string.split(分隔符)返回一個(gè)數(shù)組存儲(chǔ)值.
101.string.substr(start[,length])取從第幾位到指定長(zhǎng)度的字符串.
102.string.toLowerCase()使字符串全部變?yōu)樾?xiě).
103.string.toUpperCase()使全部字符變?yōu)榇髮?xiě).
104.parseInt(string[,radix(代表進(jìn)制)])強(qiáng)制轉(zhuǎn)換成整型.
105.parseFloat(string[,radix])強(qiáng)制轉(zhuǎn)換成浮點(diǎn)型.
106.isNaN(變量):測(cè)試是否為數(shù)值型.
107.定義常量的關(guān)鍵字:const,定義變量的關(guān)鍵字:var

]]> http://www.mxio.cn/11454.html/feed 0 實(shí)現(xiàn)DIV圓角的JavaScript代碼 http://www.mxio.cn/11071.html http://www.mxio.cn/11071.html#respond Sun, 18 Feb 2007 16:38:00 +0000 這個(gè)程序是個(gè)用來(lái)制作P圓角的開(kāi)源javascript代碼實(shí)現(xiàn),效果和圖像制作圓角一樣的.它簡(jiǎn)單,易用,不用修改任何圖像就能做到不同半徑圓角….
用這個(gè)代碼你可以自由定制自己的DIV,不再是方形了.完全可以實(shí)現(xiàn)圓形個(gè)性DIV

用法說(shuō)明:

以下說(shuō)明將以一個(gè)半徑為20像素圓角的DIV為例.

實(shí)現(xiàn)div圓角的JavaScript代碼.rar


解壓您下載的文件, 上傳到您的站點(diǎn)。然后復(fù)制代碼如下和黏貼它入您的網(wǎng)頁(yè)的頂頭部分。如果您保存了文件到該網(wǎng)頁(yè)目錄外

的任何地方, 修正代碼中的src值.
===代碼:
< script type="text/javascript" src="rounded_corners.js"></script > 

——————————B
然后創(chuàng)造一個(gè)div。如果您已有div使用圓角,只要給這個(gè)div一個(gè)id就可以.
===代碼:
         < div id="mydiv"></div >

——————————C
最后我們需要添加一段javascript來(lái)預(yù)載。在您的網(wǎng)頁(yè)的頂頭部分增加以下代碼:
 

 

以下是引用片段：
<script type="text/javascript"> 

  window.onload = function()
  {
    settings = {
      tl: { radius: 20 },
      tr: { radius: 20 },
      bl: { radius: 20 },
      br: { radius: 20 },
      antiAlias: true,
      autoPad: false
    } 

    var PObj = document.getElementById("mydiv"); 

    var cornersObj = new curvyCorners(settings, divObj);
    cornersObj.applyCornersToAll();
  }

</script> 

 


======== 其中,radius表示半徑,數(shù)值越大,圓角就越大.
————————————D
現(xiàn)在可以運(yùn)行了.呵呵

———————————–PS:
*********如果你想搞成奇形怪狀的圓角,你可以設(shè)置每個(gè)角都不同的半徑.
例如:

 

以下是引用片段：
settings = {
      tl: { radius: 20 },
      tr: { radius: 40 },
      bl: { radius: 60 },
      br: { radius: 80 },
      antiAlias: true,
      autoPad: false
    }
或者:
settings = {
      tl: { radius: 20 },
      tr: false,
      bl: false,
      br: { radius: 80 },
      antiAlias: true,
      autoPad: false
    } 

 

提示: tl-左上角  tr=右上角  bl=左下角  br=右下角

]]> http://www.mxio.cn/11071.html/feed 0 網(wǎng)頁(yè)常用Javascript http://www.mxio.cn/10927.html http://www.mxio.cn/10927.html#respond Thu, 18 Jan 2007 07:13:00 +0000  

常用的網(wǎng)頁(yè)特效收集起來(lái)做一個(gè)“大全”。

1．讓文字不停地滾動(dòng)

　　＜MARQUEE＞滾動(dòng)文字＜/MARQUEE＞

2．記錄并顯示網(wǎng)頁(yè)的最后修改時(shí)間

　　＜script language=Javascript＞
　　document.write(“最后更新時(shí)間: ” + document.lastModified + “”)
　　＜/script＞

3．關(guān)閉當(dāng)前窗口

　　＜a href=”/”onClick=”javascript:window.close();return false;”＞關(guān)閉窗口＜/a＞

4．5秒后關(guān)閉當(dāng)前頁(yè)

　　＜script language=”Javascript”＞
　　＜!–
　　setTimeout(‘window.close();’,5000);
　　–＞
　　＜/script＞

5．2秒后載入指定網(wǎng)頁(yè)

　　＜head＞
　　＜meta http-equiv=”refresh” content=”2;URL=http://你的網(wǎng)址”＞
　　＜/head＞

6．添加到收藏夾

　　＜script Language=”Javascript”＞
　　function bookmarkit()
　　{
　　window.external.addFavorite(‘http://你的網(wǎng)址’,’你的網(wǎng)站名稱(chēng)’)
　　}
　　if (document.all)document.write(‘＜a href=”#” onClick=”bookmarkit()”＞加入收藏夾＜/a＞’)
　　＜/script＞

7．讓超鏈接不顯示下劃線

　　＜style type=”text/css”＞
　　＜!-
　　a:link{text-decoration:none}
　　a:hover{text-decoration:none}
　　a:visited{text-decoration:none}
　　-＞
　　＜/style＞

8．禁止鼠標(biāo)右鍵的動(dòng)作

　　＜script Language = “Javascript”＞
　　function click() { if (event.button==2||event.button==3)
　　{
　　alert(‘禁止鼠標(biāo)右鍵’);
　　}
　　document.onmousedown=click // –＞
　　＜/script＞

9．設(shè)置該頁(yè)為首頁(yè)

　　＜body bgcolor=”#FFFFFF” text=”#000000″＞
　　＜!– 網(wǎng)址：http://你的網(wǎng)址–＞
　　＜a class=”chlnk” style=”cursor:hand” HREF
　　onClick=”this.style.behavior=’url(#default#homepage)’;
　　this.setHomePage(‘你的網(wǎng)站名稱(chēng));”＞＜font color=”000000″ size=”2″ face=”宋體”＞設(shè)為首頁(yè)＜/font＞＜/a＞
　　＜/body＞

10．節(jié)日倒計(jì)時(shí)

　　＜script Language=”Javascript”＞
　　var timedate= new Date(“December 25,2003”);
　　var times=”圣誕節(jié)”;
　　var now = new Date();
　　var date = timedate.getTime() – now.getTime();
　　var time = Math.floor(date / (1000 * 60 * 60 * 24));
　　if (time ＞= 0)
　　document.write(“現(xiàn)在離”+times+”還有: “+time +”天”)＜/script＞

11．單擊按鈕打印出當(dāng)前頁(yè)

　　＜script Language=”Javascript”＞
　　＜!– Begin
　　if (window.print) {
　　document.write(‘＜form＞’
　　+ ‘＜input type=button name=print value=”打印本頁(yè)” ‘
　　+ ‘onClick=”javascript:window.print()”＞＜/form＞’);
　　}
　　// End –＞
　　＜/script＞

12．單擊按鈕‘另存為’當(dāng)前頁(yè)

　　＜input type=”button” name=”Button” value=”保存本頁(yè)”
　　onClick=”document.all.button.ExecWB(4,1)”＞
　　＜o(jì)bject id=”button”
　　width=0
　　height=0
　　classid=”CLSID:8856F961-340A-11D0-A96B-00C04FD705A2″＞
　　＜embed width=”0″ height=”0″＞＜/embed＞
　　＜/object＞

13．顯示系統(tǒng)當(dāng)前日期

　　＜script language=Javascript＞
　　today=new Date();
　　function date(){
　　this.length=date.arguments.length
　　for(var i=0;i＜this.length;i++)
　　this[i+1]=date.arguments }
　　var d=new date(“星期日”,”星期一”,”星期二”,”星期三”,”星期四”,”星期五”,”星期六”);
　　document.write(
　　”＜font color=##000000 style=’font-size:9pt;font-family: 宋體’＞ “,
　　today.getYear(),”年”,today.getMonth()+1,”月”,today.getDate(),”日”,
　　d[today.getDay()+1],”＜/font＞” );
　　＜/script＞

14．不同時(shí)間段顯示不同問(wèn)候語(yǔ)

　　＜script Language=”Javascript”＞
　　＜!–
　　var text=””; day = new Date( ); time = day.getHours( );
　　if (( time＞=0) && (time ＜ 7 ))
　　　　text=”夜貓子，要注意身體哦！ ”
　　if (( time ＞= 7 ) && (time ＜ 12))
　　　　text=”今天天氣……哈哈哈，不去玩嗎？”
　　if (( time ＞= 12) && (time ＜ 14))
　　　　text=”午休時(shí)間哦，朋友一定是不習(xí)慣午睡的吧？！”
　　if (( time ＞=14) && (time ＜ 18))
　　　　text=”下午茶的時(shí)間到了，休息一下吧！ ”
　　if ((time ＞= 18) && (time ＜= 22))
　　　　text=”您又來(lái)了，可別和MM聊太久哦！”
　　if ((time ＞= 22) && (time ＜ 24))
　　　　text=”很晚了哦，注意休息呀！”
　　document.write(text)
　　//—＞
　　＜/script＞

15．水中倒影效果

　　＜img id=”reflect” src=”你自己的圖片文件名” width=”175″ height=”59″＞
　　＜script language=”Javascript”＞
　　function f1()
　　{
　　　　setInterval(“mP.filters.wave.phase+=10”,100);
　　}
　　if (document.all)
　　{
　　　　document.write(‘＜img id=mP src=”‘+document.all.reflect.src+'”
　　　　style=”filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()”＞’)
　　　　window.onload=f1
　　}
　　＜/script＞

16．慢慢變大的窗口

　　＜script Language=”Javascript”＞
　　＜!–
　　var Windowsheight=100
　　var Windowswidth=100
　　var numx=5
　　function openwindow(thelocation){
　　temploc=thelocation
　　if
　　(!(window.resizeTo&&document.all)&&!(window.resizeTo&&document.getElementById))
　　{
　　　　window.open(thelocation)
　　　　return
　　}
　　windowsize=window.open(“”,””,”scrollbars”)
　　windowsize.moveTo(0,0)
　　windowsize.resizeTo(100,100)
　　tenumxt()
　　}
　　function tenumxt(){
　　if (Windowsheight＞=screen.availHeight-3)
　　　　numx=0
　　windowsize.resizeBy(5,numx)
　　Windowsheight+=5
　　Windowswidth+=5
　　if (Windowswidth＞=screen.width-5)
　　{
　　　　windowsize.location=temploc
　　　　Windowsheight=100
　　　　Windowswidth=100
　　　　numx=5
　　　　return
　　}
　　setTimeout(“tenumxt()”,50)
　　}
　　//–＞
　　＜/script＞
　　＜p＞＜a href=”javascript:openwindow(http://www.mxio.cn)”＞進(jìn)入＜/a＞

17．改變IE地址欄的IE圖標(biāo)

　　我們要先做一個(gè)16*16的icon（圖標(biāo)文件），保存為index.ico。把這個(gè)圖標(biāo)文件上傳到根目錄下并在首頁(yè)＜head＞＜/head＞之間加上如下代碼：

　　＜link REL = “Shortcut Icon” href=”index.ico”＞ 　

]]> http://www.mxio.cn/10927.html/feed 0 下拉菜單的簡(jiǎn)易制作 http://www.mxio.cn/10227.html http://www.mxio.cn/10227.html#respond Thu, 19 Oct 2006 08:33:00 +0000

對(duì)于如今熱衷于網(wǎng)頁(yè)設(shè)計(jì)的愛(ài)好者們來(lái)說(shuō)，單調(diào)的網(wǎng)頁(yè)效果已經(jīng)遠(yuǎn)遠(yuǎn)不能滿(mǎn)足他們新奇的心理了。本文就來(lái)介紹一種簡(jiǎn)單的下拉菜單的制作。只要你懂得一點(diǎn)點(diǎn)HTML的知識(shí)，就可以。即使什么也不懂，照葫蘆畫(huà)瓢也行，呵呵。

第一步，定義下拉菜單JS代碼

＜SCRIPT language=JavaScript＞
＜!–
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf(“?”))＞0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i＜d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i＜d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i＜(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v==show)?visible:(v==hide)?hidden:v; }
obj.visibility=v; }
}
//–＞
＜/SCRIPT＞

第二步，在適當(dāng)?shù)奈恢貌迦肽夸洸藛?

＜TABLE borderColor=#ffffff height=25 width=150 align=left bgColor=#cccccc border=1 ＞
＜TBODY＞ ＜TR＞
＜TD
onmouseover=”MM_showHideLayers(Layer2,,hide,Layer1,,show)”
borderColorLight=#000000 width=100 bgColor=#ccccff height=15＞
＜DIV align=center＞＜A
onclick=”MM_showHideLayers(Layer2,,hide,Layer1,,show)”
href=”2#”＞網(wǎng)上書(shū)店＜/A＞＜/DIV＞＜/TD＞
＜TD
onmouseover=”MM_showHideLayers(Layer2,,show,Layer1,,hide)”
borderColorLight=#000000 width=100 bgColor=#ccccff height=15＞
＜DIV align=center＞＜A
onclick=”MM_showHideLayers(Layer2,,show,Layer1,,hide)”
href=”1#”＞書(shū)盤(pán)目錄＜/A＞＜/DIV＞＜/TD＞
＜/TR＞
＜/TBODY＞
＜/TABLE＞

第三步，插入隱藏層的定義.

＜DIV id=Layer1 style=”Z-INDEX: 1; VISIBILITY: hidden; POSITION: absolute; TOP: 42px; LEFT: 12px; WIDTH: 88px; HEIGHT: 163px”
＞
＜TABLE borderColor=#ffffff bgColor=#ccccff borderColorLight=#000000 border=1 onmouseover=”MM_showHideLayers
(Layer1,,show)” onmouseout=”MM_showHideLayers(Layer1,,hide)”＞
＜TBODY＞
＜TR＞
＜TD height=15＞
＜DIV align=center＞＜A href=”A#”＞最新圖書(shū)＜/A＞＜/DIV＞＜/TD＞＜/TR＞
＜TR＞
＜TD height=15＞
＜DIV align=center＞＜A href=”S#”＞熱點(diǎn)圖書(shū)＜/A＞＜/DIV＞＜/TD＞＜/TR＞
＜TR＞
＜TD height=15＞
＜DIV align=center＞＜A href=”D#”＞隆重推出＜/A＞＜/DIV＞＜/TD＞＜/TR＞
＜/TBODY＞＜/TABLE＞
＜/DIV＞
＜DIV id=Layer2 style=”Z-INDEX: 1; VISIBILITY: hidden; POSITION: absolute; TOP: 42px; LEFT: 85px; WIDTH: 120px; HEIGHT: 127px”
＞
＜TABLE borderColor=#ffffff bgColor=#ccccFF borderColorLight=#000000 border=1 onmouseover=”MM_showHideLayers
(Layer2,,show)” onmouseout=”MM_showHideLayers(Layer2,,hide)”＞
＜TBODY＞
＜TR＞
＜TD height=15＞
＜DIV align=center＞＜A
href=”F#”＞總目錄＜/A＞＜/DIV＞＜/TD＞＜/TR＞
＜TR＞
＜TD height=15＞
＜DIV align=center＞＜A
href=”G#”＞圖書(shū)目錄＜/A＞＜/DIV＞＜/TD＞＜/TR＞
＜/TBODY＞＜/TABLE＞
＜/DIV＞

到這里，你就可以看到一個(gè)完整的下拉菜單的網(wǎng)頁(yè)特效了。

]]> http://www.mxio.cn/10227.html/feed 0 JS的IE和Firefox兼容性集錦 http://www.mxio.cn/10226.html http://www.mxio.cn/10226.html#respond Thu, 19 Oct 2006 08:31:00 +0000

　　以下以 IE 代替 Internet Explorer，以 MF 代替 Mozzila Firefox

　　1. document.form.item 問(wèn)題

　　(1)現(xiàn)有問(wèn)題:

　　現(xiàn)有代碼中存在許多 document.formName.item(“itemName”) 這樣的語(yǔ)句，不能在 MF 下運(yùn)行

　　(2)解決方法:

　　改用 document.formName.elements[“elementName”]

　　(3)其它

　　參見(jiàn) 2

　　2. 集合類(lèi)對(duì)象問(wèn)題

　　(1)現(xiàn)有問(wèn)題:

　　現(xiàn)有代碼中許多集合類(lèi)對(duì)象取用時(shí)使用 ()，IE 能接受，MF 不能。

　　(2)解決方法:

　　改用 [] 作為下標(biāo)運(yùn)算。如:document.forms(“formName”) 改為 document.forms[“formName”]。

　　又如:document.getElementsByName(“inputName”)(1) 改為 document.getElementsByName(“inputName”)[1]

　　(3)其它

　　3. window.event

　　(1)現(xiàn)有問(wèn)題:

　　使用 window.event 無(wú)法在 MF 上運(yùn)行

　　(2)解決方法:

　　MF 的 event 只能在事件發(fā)生的現(xiàn)場(chǎng)使用，此問(wèn)題暫無(wú)法解決。可以這樣變通:

　　原代碼(可在IE中運(yùn)行):

<input type=”button” name=”someButton” value=”提交” onclick=”javascript:gotoSubmit()”/>
…
<script language=”javascript”>
function gotoSubmit() {
…
alert(window.event);    // use window.event
…
}
</script>

　　新代碼(可在IE和MF中運(yùn)行):

<input type=”button” name=”someButton” value=”提交” onclick=”javascript:gotoSubmit(event)”/>
…
<script language=”javascript”>
function gotoSubmit(evt) {
evt = evt ? evt : (window.event ? window.event : null);
…
alert(evt);             // use evt
…
}
</script>

　　此外，如果新代碼中第一行不改，與老代碼一樣的話(即 gotoSubmit 調(diào)用沒(méi)有給參數(shù))，則仍然只能在IE中運(yùn)行，但不會(huì)出錯(cuò)。所以，這種方案 tpl 部分仍與老代碼兼容。

　　4. HTML 對(duì)象的 id 作為對(duì)象名的問(wèn)題

　　(1)現(xiàn)有問(wèn)題

　　在 IE 中，HTML 對(duì)象的 ID 可以作為 document 的下屬對(duì)象變量名直接使用。在 MF 中不能。

　　(2)解決方法

　　用 getElementById(“idName”) 代替 idName 作為對(duì)象變量使用。

　　5. 用idName字符串取得對(duì)象的問(wèn)題

　　(1)現(xiàn)有問(wèn)題

　　在IE中，利用 eval(idName) 可以取得 id 為 idName 的 HTML 對(duì)象，在MF 中不能。

　　(2)解決方法

　　用 getElementById(idName) 代替 eval(idName)。

　　6. 變量名與某 HTML 對(duì)象 id 相同的問(wèn)題

　　(1)現(xiàn)有問(wèn)題

　　在 MF 中，因?yàn)閷?duì)象 id 不作為 HTML 對(duì)象的名稱(chēng)，所以可以使用與 HTML 對(duì)象 id 相同的變量名，IE 中不能。

　　(2)解決方法

　　在聲明變量時(shí)，一律加上 var ，以避免歧義，這樣在 IE 中亦可正常運(yùn)行。

　　此外，最好不要取與 HTML 對(duì)象 id 相同的變量名，以減少錯(cuò)誤。

　　(3)其它

　　參見(jiàn) 問(wèn)題4

　　7. event.x 與 event.y 問(wèn)題

　　(1)現(xiàn)有問(wèn)題

　　在IE 中，event 對(duì)象有 x, y 屬性，MF中沒(méi)有。

　　(2)解決方法

　　在MF中，與event.x 等效的是 event.pageX。但event.pageX IE中沒(méi)有。

　　故采用 event.clientX 代替 event.x。在IE 中也有這個(gè)變量。

　　event.clientX 與 event.pageX 有微妙的差別(當(dāng)整個(gè)頁(yè)面有滾動(dòng)條的時(shí)候)，不過(guò)大多數(shù)時(shí)候是等效的。

　　如果要完全一樣，可以稍麻煩些:

　　mX = event.x ? event.x : event.pageX;

　　然后用 mX 代替 event.x

　　(3)其它

　　event.layerX 在 IE 與 MF 中都有，具體意義有無(wú)差別尚未試驗(yàn)。

　　8. 關(guān)于frame

　　(1)現(xiàn)有問(wèn)題

　　在 IE中 可以用window.testFrame取得該frame，mf中不行

　　(2)解決方法

　　在frame的使用方面mf和ie的最主要的區(qū)別是:

　　如果在frame標(biāo)簽中書(shū)寫(xiě)了以下屬性:

　　<frame src=”xx.htm” id=”frameId” name=”frameName” />

　　那么ie可以通過(guò)id或者name訪問(wèn)這個(gè)frame對(duì)應(yīng)的window對(duì)象

　　而mf只可以通過(guò)name來(lái)訪問(wèn)這個(gè)frame對(duì)應(yīng)的window對(duì)象

　　例如如果上述frame標(biāo)簽寫(xiě)在最上層的window里面的htm里面，那么可以這樣訪問(wèn)

　　ie: window.top.frameId或者window.top.frameName來(lái)訪問(wèn)這個(gè)window對(duì)象

　　mf: 只能這樣window.top.frameName來(lái)訪問(wèn)這個(gè)window對(duì)象

　　另外，在mf和ie中都可以使用window.top.document.getElementById(“frameId”)來(lái)訪問(wèn)frame標(biāo)簽

　　并且可以通過(guò)window.top.document.getElementById(“testFrame”).src = ‘xx.htm’來(lái)切換frame的內(nèi)容

　　也都可以通過(guò)window.top.frameName.location = ‘xx.htm’來(lái)切換frame的內(nèi)容

　　關(guān)于frame和window的描述可以參見(jiàn)bbs的‘window與frame’文章

　　以及/test/js/test_frame/目錄下面的測(cè)試

　　—-adun 2004.12.09修改

　　9. 在mf中，自己定義的屬性必須getAttribute()取得

　　10.在mf中沒(méi)有 parentElement parement.children 而用

　　parentNode parentNode.childNodes

　　childNodes的下標(biāo)的含義在IE和MF中不同，MF使用DOM規(guī)范，childNodes中會(huì)插入空白文本節(jié)點(diǎn)。

　　一般可以通過(guò)node.getElementsByTagName()來(lái)回避這個(gè)問(wèn)題。

　　當(dāng)html中節(jié)點(diǎn)缺失時(shí)，IE和MF對(duì)parentNode的解釋不同，例如

　　<form>
　　<table>
　　<input/>
　　</table>
　　</form>

　　MF中input.parentNode的值為form, 而IE中input.parentNode的值為空節(jié)點(diǎn)

　　MF中節(jié)點(diǎn)沒(méi)有removeNode方法，必須使用如下方法 node.parentNode.removeChild(node)

　　11.const 問(wèn)題

　　(1)現(xiàn)有問(wèn)題:

　　在 IE 中不能使用 const 關(guān)鍵字。如 const constVar = 32; 在IE中這是語(yǔ)法錯(cuò)誤。

　　(2)解決方法:

　　不使用 const ，以 var 代替。

　　12. body 對(duì)象

　　MF的body在body標(biāo)簽沒(méi)有被瀏覽器完全讀入之前就存在，而IE則必須在body完全被讀入之后才存在

　　13. url encoding

　　在js中如果書(shū)寫(xiě)url就直接寫(xiě)&不要寫(xiě)&例如var url = ‘xx.jsp?objectName=xx&objectEvent=xxx’;

　　frm.action = url那么很有可能url不會(huì)被正常顯示以至于參數(shù)沒(méi)有正確的傳到服務(wù)器

　　一般會(huì)服務(wù)器報(bào)錯(cuò)參數(shù)沒(méi)有找到

　　當(dāng)然如果是在tpl中例外，因?yàn)閠pl中符合x(chóng)ml規(guī)范，要求&書(shū)寫(xiě)為&

　　一般MF無(wú)法識(shí)別js中的&

　　14. nodeName 和 tagName 問(wèn)題

　　(1)現(xiàn)有問(wèn)題:

　　在MF中，所有節(jié)點(diǎn)均有 nodeName 值，但 textNode 沒(méi)有 tagName 值。在 IE 中，nodeName 的使用好象

　　有問(wèn)題(具體情況沒(méi)有測(cè)試，但我的IE已經(jīng)死了好幾次)。

　　(2)解決方法:

　　使用 tagName，但應(yīng)檢測(cè)其是否為空。

　　15. 元素屬性

　　IE下 input.type屬性為只讀，但是MF下可以修改

　　16. document.getElementsByName() 和 document.all[name] 的問(wèn)題

　　(1)現(xiàn)有問(wèn)題:

　　在 IE 中，getElementsByName()、document.all[name] 均不能用來(lái)取得 P 元素(是否還有其它不能取的元素還不知道)。

]]> http://www.mxio.cn/10226.html/feed 0 主站蜘蛛池模板： www一区二区乱码www| 欧美多毛肥胖老妇做爰| 亚洲色在线V中文字幕| 日本人妻丰满熟妇久久久久久| 色综合色狠狠天天综合网| 国产丝袜一区二区三区在线不卡 | 99久久精品国产一区二区| 国产黄色一区二区三区四区| 青草国产精品久久久久久| av新版天堂在线观看| 性国产vⅰdeosfree高清| 成人夜色视频网站在线观看| 国产亚洲精品AA片在线播放天| 曰韩无码av一区二区免费| 久久99热只有频精品6狠狠| 国产精品自拍视频第一页| 亚洲综合无码无在线观看| 国产偷摄中国推油按摩富婆| 久草视频在线这里只有精品| 国产精品免费精品自在线观看| 久久国产精99精产国高潮| 欧美怡红院免费全部视频| 综合色一色综合久久网| 亚洲综合日韩av无码毛片| 少妇人妻偷人免费观看| 免费国产黄网站在线观看动图| 中文字幕乱码熟妇五十中出 | 天天天天做夜夜夜做| 欧美中文字幕在线看| 五月av综合av国产av| 欧美极品色午夜在线视频| 福利一区二区视频在线| 人妻饥渴偷公乱中文字幕| 欧美黑人xxxx性高清版| 亚洲成av人片在www鸭子| 中国老熟女重囗味hdxx| 曰韩精品无码一区二区三区视频| 九九热在线免费观看视频| 精品久久久久香蕉网| 成年性午夜无码免费视频 | 老熟女高潮喷水了|