本文執行個體講述了JavaScript實現跨瀏覽器的添加及刪除事件綁定函數。分享給大家供大家參考。具體如下：IE 的事件綁定函數是 attachEvent；而 Firefox, Safari 是 addEventListener；Opera 則兩種都支援。使用jQuery就可以使用簡單的bind()，或者$().click()之類的函數解決，而如果不使用JavaScript架構的時候，大家可是使用下面的封裝bind()函數。添加事件綁定 bind()/**********************
本文執行個體講述了javascript實現輸出指定行數正方形圖案的方法。分享給大家供大家參考。具體如下：javascript實現輸出指定行數的正方形圖案：點擊產生圖案，會有2個提示框，1，輸入圖案的組成字元，只能是1個字元哦2，輸入正方形行數，路過大於10，會設定為10行數<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
原生Javascript電話號碼驗證，郵件驗證，身份證驗證。使用時傳入要驗證的字串，返回ture代表符合，返回false代碼不符合。使用：document.getElementById("btnPhone").onclick=function(){ alert(ValidationHandler.IsPhone(document.getElementById("phoneInput").value)==true?"合法":"不合法") };
本文執行個體講述了javascript實現隨機讀取數組的方法。分享給大家供大家參考。具體如下：function write_quote() { var quotes = [ 'no animals were harmed while making this page', 'made in ulm', 'this page was handmade', 'Get <a
本文執行個體講述了javascript實現網頁背景煙花效果的方法。分享給大家供大家參考。具體如下：這裡的網頁背景煙花爆炸特效，不用說是用Js實現的，配合黑色背景效果最好，五顏六色的煙花效果，四散的煙花效果，以前發過一些網頁上的煙花特效，本款類似，但代碼更簡潔。運行效果如下圖所示：具體代碼如下：<html><head><title>背景的煙花效果</title><style type="text/css"><!--body
本文執行個體講述了JavaScript實現定時隱藏與顯示圖片的方法。分享給大家供大家參考。具體如下：這裡使用JavaScript實現定時隱藏與顯示圖片，設定圖片在幾秒後會自動顯示，也會自動隱藏，秒數這個自己去定義吧，在JavaScript程式碼片段內。運行效果如下圖所示：具體代碼如下：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
本文執行個體講述了JavaScript如何?文字跟隨滑鼠特效。分享給大家供大家參考。具體如下：運行效果圖如下：<HTML><HEAD><TITLE>滑鼠特效--文本圍繞滑鼠</TITLE></HEAD><BODY><br><br><center><font
本文執行個體講述了javascript實現3D變換的立體圓圈。分享給大家供大家參考。具體如下：這裡使用javascript實現會變換的立體圓圈，在網頁3D變化，變色的圓圈特效，網頁上的3d圓圈特效。圓圈上的每一點的顏色並不一樣，在黑色的網頁背景下更能看清楚。運行效果如下圖所示：具體代碼如下：<html><head><title>變色的圓圈</title><style type="text/css"><!--body
本文執行個體講述了JavaScript實現自動快顯視窗並自動關閉視窗的方法。分享給大家供大家參考。具體如下：這裡介紹的JavaScript自動快顯視窗並自動關閉視窗，JS實現此特效似乎很簡單，開啟網頁後即顯示一個快顯視窗，之後會自動離開，使用了window.open和document.open();以及document.close();對象共同來實現，現在似乎用的不多了。運行效果如下圖所示：具體代碼如下：<HTML><HEAD><TITLE>自動離開的視窗&l
本文執行個體講述了javascript實現滑鼠放上後下邊對應內容變換的效果。分享給大家供大家參考。具體如下：這是個網上比較常見的菜單效果，滑鼠放上後相應的內容會切換，圖文布局方式。技術方面，是JS和CSS相配合來實現，代碼中的JS部分，你可以單獨摘取出來儲存成一個JS檔案，然後引入到頁面中，這樣使首頁面代碼簡潔些。本效果在ie、Firefox等瀏覽器下測試正常。運行效果如下圖所示：具體代碼如下：<html><head><title>滑鼠放上後下面的內容切換&l
本文執行個體講述了Javascript實現的Map集合工具類。分享給大家供大家參考。具體如下：var Map = function(){ // 構造entry實體 var Entry = function(key, value){ this.key = key; this.value = value; } this.entries = new Array(); // 構造put方法在數組中放入一個Entry this.put = function(key, value){
本文執行個體講述了javascript實現列表滾動的方法。分享給大家供大家參考。具體如下：index.html如下：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head> <meta http-equiv="Content-Type" content="text/html;
本文執行個體講述了javaScript實現滾動新聞的方法。分享給大家供大家參考。具體如下：rolling_new.html頁面如下：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html> <head> <title> New Document </title> <meta
本文執行個體總結了JavaScript節點及列表操作的方法。分享給大家供大家參考。具體如下：（1）建立新節點createDocumentFragment() //建立一個DOM片段createElement() //建立一個具體的元素createTextNode() //建立一個文本節點（2）添加、移除、替換、插入appendChild()removeChild()replaceChild()insertBefore()（3）尋找getElementsByTagName()
本文執行個體講述了JavaScript使用FileSystemObject對象寫入文字檔內容的方法。分享給大家供大家參考。具體如下：這段代碼主要是練習JavaScript的FileSystemObject對象，用它來讓JavaScript向一個文字檔中寫入內容，這個TXT檔案的路徑你可以自己指定，然後定義好要寫入的內容，運行代碼，你會發現原來的TXT文本中的內容已改變。運行效果如下圖所示：具體代碼如下：<html><head><title>寫入文字檔</
本文執行個體講述了JavaScript採用遞迴演算法計算階乘的方法。分享給大家供大家參考。具體如下：這裡使用JavaScript中的遞迴演算法計算階乘，初學編程時候，這是很常見的小例子，比較一下，JS中的計算方法與其有何異同。運行效果如下：具體代碼如下：<html><head><meta http-equiv="content-type" content="text/html; charset=GB2312" /><title>遞迴演算法計算階乘&
本文執行個體講述了JavaScript數組對象賦值用法。分享給大家供大家參考。具體如下：這裡JavaScript數組對象的使用會使你的JS程式變得簡潔而有效率，但是好像不少新手都不喜歡用數組，因為覺得它們抽象，不好理解，其實只要你認真領悟，它就像捅破窗戶紙一樣，令你豁然開朗。希望通過本執行個體，你對數組會有更多的理解。運行效果圖如下：具體代碼如下：<html><head><meta http-equiv="content-type"
本文執行個體講述了JavaScript取得鍵盤按下方向鍵是哪個的方法。分享給大家供大家參考。具體如下：這裡通過建立一個event.keyCode對象，可有效擷取鍵盤上的方向鍵，運行代碼後，點擊鍵盤上的任意方向鍵，網頁會以Alert的方式返回你按下的是哪個鍵。運行效果如下圖所示：具體代碼如下：<html><head><title>取得鍵盤的方向鍵</title><script language="javascript"><!--
本文執行個體講述了JavaScript使用encodeURI()和decodeURI()擷取字串值的方法。分享給大家供大家參考。具體如下：JavaScript使用encodeURI()和decodeURI()擷取字串值，不能就是地址欄顯示的字串，以前經常在網上見到有人問此問題，無意在網上發現，不知是不是您想要的，先看看效果吧。先來看看運行效果：具體代碼如下：<html><head><meta http-equiv="Content-Type"
本文執行個體講述了javascript將DOM節點添加到文檔的方法。分享給大家供大家參考。具體如下：這裡對兩種方法進行了比較：第一種：先建立所有節點，再添加到文檔方式的運行時間長度；第二種：先向文檔添加一個空容器，然後每建立一個節點，再添加到容器中方式的運行時間長度，從測試來看，第二種方法優於第一種！運行效果如下圖所示：具體代碼如下：<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
