其他

1. 事件目標 現在，事件處理常式中的變數event儲存著事件對象。而event.target屬性儲存著發生事件的目標元素。這個屬性是DOM API中規定的，但是沒有被所有瀏覽器實現 。jQuery對這個事件對象進行了必要的擴充，從而在任何瀏覽器中都能夠使用這個屬性。通過.target，可以確定DOM中首先接收到事件的元素（即實際被單擊的元素）。而且，我們知道this引用的是處理事件的DOM元素，所以可以編寫下列代碼：複製代碼 代碼如下:$(document).ready(function(){

現在大多數網站都會添加這種功能：當捲軸滾動到頁面的下方時，頁面的右下角會顯示出來一個“回到頂部”的按鈕或串連，點擊該按鈕後頁面會跳轉到頂部，或某一個適合查看內容的位置。 那麼，如何控制“回到頂部”按鈕的顯示或隱藏呢？其實我們只需要實現window.onscroll 事件即可，代碼如下： 複製代碼 代碼如下: window.onscroll = function () { if (document.documentElement.scrollTop +

本文執行個體講述了jQuery的load()方法及其回呼函數用法。分享給大家供大家參考。具體如下：下面的js代碼示範了jQuery的load()方法的使用，並示範了帶回呼函數(callback)的load方法的使用<!DOCTYPE html><html><head><script src="js/jquery.min.js"></script><script>$(document).ready(function(){ $(

js修改input的type屬性有些限制。當input元素還未插入文檔流之前，是可以修改它的值的，在ie和ff下都沒問題。但如果input已經存在於頁面，其type屬性在ie下就成了唯讀屬性了，不可以修改。在ff下仍是可讀寫屬性。今天遇到個問題，輸入框有預設值“密碼”，但獲得焦點時，“密碼”兩字會去掉，輸入時直接變成”****“的password類型。很明顯，一開始的時候，input的類型是text，後來變成了password類型。直觀的思路是用js修改input的type類型。但ie下這麼做不

複製代碼 代碼如下: <html> <head> <script type="text/javascript"> function startTime() { var today=new Date() var h=today.getHours() var m=today.getMinutes() var s=today.getSeconds() // add a zero in front of numbers<10 m=checkTime(m)

var url = "http://www.xxx.com/index.aspx?classid=9&id=2"; 要擷取尾巴參數 定義變數 複製代碼 代碼如下: function parse_url(_url){ //定義函數 var pattern = /(\w+)=(\w+)/ig;//定義Regex var parames = {};//定義數組 url.replace(pattern, function(a, b, c){ parames[b] = c; });

最近做到iframe的高度自適應這個問題，網上一搜好多解決方案，而總結起來也就那幾種，我逐一嘗試這些方案，最後發現在我的項目中都不起作用，後來發現自己做的網頁是通過file方式訪問的，將網頁代碼放到apache下通過http協議訪問，在iframe載入的時候調用如下js方法： 複製代碼 代碼如下: <SPANstyle="FONT-FAMILY:KaiTi_GB2312;FONT-SIZE:18px">functionSetWinHeight(obj) { varwin=obj;

在一個前端頁面上，需要通過JavaScript來提交參數，使用JS建立form表單，將參數append到表單中進行提交，代碼如下： Js代碼: 複製代碼 代碼如下: functionloadConfig(gameUrl,skinId){ vartemp=document.createElement("form"); temp.action="${createLink(controller:'mobileConfig',action:'beforeLaunchConfig')}";

處理數組的方法很多，javascript splice()算是最強大的了，它可以用於插入、刪除或替換數組的元素。下面來一一介紹！ 1.刪除-用於刪除元素，兩個參數，第一個參數（要刪除第一項的位置），第二個參數（要刪除的項數） 2.插入-向數組指定位置插入任意項元素。三個參數，第一個參數（其實位置），第二個參數（0），第三個參數（插入的項） 3.替換-向數組指定位置插入任意項元素，同時刪除任意數量的項，三個參數。第一個參數（起始位置），第二個參數（刪除的項數），第三個參數（插入任意數量的項）

Javascript代碼 複製代碼 代碼如下: //在離開頁面時判斷是否有未儲存的輸入值 var hasSaved = false;//是否有輸入的內容未儲存標誌，初始值為false function CheckUnsave(){ if(hasSaved==false){ alert("您上傳的東西尚未儲存，請儲存後再離開頁面"); return false;} //return true; //不能加這個語句 } //儲存了則改變狀態 function ChangeState() {

前言：最近在做SOSO地圖相關開發，遇到相關畫圓知識，特此簡單記錄下來。1.在頁面中添加SOSO地圖API引用，引用指令碼：複製代碼 代碼如下:<script charset="utf-8" src="http://api.map.soso.com/v1.0/main.js"></script>； 2.建立一個地圖DIV容器，如下：複製代碼 代碼如下:<div style="width:603px;height:300px"

1.HTML5實現了script的async屬性，這個新的屬性可以讓js在瀏覽器中以非阻塞的模式載入，另外script還有一個defer屬性，這個屬性目前所有瀏覽器都已實現（除了firefox和chrome的早期版本），IE這方面做得好，從一開始就支援些屬性。 複製代碼 代碼如下: //async <script async src="dquery.js" async></script> //defer <script async src="dquery.js"

jQuery 的 data API 實現方式有快取資料的效果 使用 IE 7 （IE8+ 在控制台切換至IE7 模式），當DOM 節點有自訂資料屬性時，檢查 DOM 節點即可看到 形如 jQuery18305664906559272507 的屬性，這便是 用於從資料存放區對象中擷取自訂資料的建。當自訂資料屬性是一個 json 格式字串時，緩衝的資料如果被修改， 則修改後的資料繼續存在於緩衝系統中， 如果不留意，這可能導致一些BUG 複製代碼 代碼如下: <!DOCTYPE HTML>

偶然將想到的一個如何判斷滑鼠從哪個方向進入一個容器的問題。首先想到的是給容器的四個邊添加幾塊，然後看滑鼠進入的時候哪個塊先監聽到滑鼠事件。不過這樣麻煩太多了。google了一下找到了一個不錯的解決方案，是基於jquery的，說實話，其中的var direction = Math.round((((Math.atan2(y, x) * (180 / Math.PI)) + 180) / 90) + 3) %

複製代碼 代碼如下: //取得gridview中擷取選中行指定列的值 function Select() { //擷取滑鼠點擊的元素var e=eventsrcElement; //擷取元素所在的行的行號（表頭行號從0開始）。注意：parentElement只適用於IE瀏覽器，而parentNode則符合DOM標準。 //var rowIndex=eparentElementparentElementrowIndex ; var

複製代碼 代碼如下: <!DOCTYPE html> <html> <head> <meta charset='utf8' /> <title>網頁中的運行代碼功能</title> <script type="text/javascript"> function runCode(oCode) { var win = window.open('', "_blank", ''); win.document.open(

分別針對ie和Firefox分別作了對xml文檔和xml字串的解析，所有代碼都注釋掉了，想看哪部分功能，去掉注釋就可以了。至於在ajax環境下解析xml，其實原理是一樣的，只不過放在了ajax裡，還是要對返回的xml進行解析。 複製代碼 代碼如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html>

對於js中eval()函數的理解和寫一個函數trim()去掉字串左右空格。 trim()是參照了jquery的源碼，你可以放心使用。 對於js中eval()函數的理解是本人心得不一定正確。 複製代碼 代碼如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head>

複製代碼 代碼如下: <!-- 類比google搜尋 --> <script type="text/javascript"> /********************************可配置選項********************************/ // 被選中的相似關鍵字背景顏色 var selectedBgColor = "#CCCCCC"; // 未被選中的相似關鍵字背景顏色 var unselectedBgColor = "#FFFFFF";

tree 在Firefox下只顯示一句話: 用firebug查看頁面元素觀察發現 兩個script匯入被一個<script>分隔開了,顯然是document.write的問題.由於Firefox對js規範的檢查比較嚴格,肯定一些字元輸出的的時候沒有轉義. 查看e3 tree的原始碼: /E3Tree/src/net/jcreate/e3/tree/ext/ExtTreeBuilder.java