•類比塊級範圍 大家都知道在JavaScript中沒有塊級範圍的概念，我們可以通過使用閉包來類比實現塊級範圍，看下面的樣本： 複製代碼 代碼如下: (function () { for (var i = 0; i < 10; i++) { //Do Nothing } alert(i); //輸出10 })(); 第6行可以訪問到for迴圈塊中的變數i，如果我們稍微修改以上代碼，把for迴圈塊放置在閉包中，情況就不一樣了： 複製代碼 代碼如下: (function () {
複製代碼 代碼如下: var EventUtil={ //跨瀏覽器處理常式---建立方法 addHandler:function(element,type,handler){ if(element.addEventListener){ element.addEventListneter(type,handler,false); }else if(element.attachEvent){ element.attachEvent("on"+type,handler); }else{
複製代碼 代碼如下: isNull: function(a){ return a === null; }, isUndefined: function(a){ return a === undefined; }, isNumber: function(a){ return typeof a === 'number'; }, isString: function(a){ return typeof a === 'string'; }, isBoolean: function(a){ return
針對上面的樣本，我們可以調用jquery.fn.extend()方法來建立jquery對象方法。具體代碼如下》 複製代碼 代碼如下: jQuery.fn.extend({ test : function(){ return this.each(function(){ alert(this.nodeName); }) } }); 調用跟上面一樣哦 複製代碼 代碼如下: $('body *').click(function(){ $(this).test().html(this.nodeName)
複製代碼 代碼如下: <!DOCTYPE HTML> <html> <head> <meta http-equiv="content-type" charset="utf-8" /> <meta http-equiv="content-type" content="text/html" /> <title>demo</title> </head> <style
線上示範： http://demo.jb51.net/js/2012/js_date/複製代碼 代碼如下: <html> <head> <title>Js日期選取器並自動加入到輸入框中</title> <meta http-equiv="content-Type" content="text/html;charset=gb2312"> <script type="text/javascript"> var
看下面的例子， 複製代碼 代碼如下: var btn ＝ document.getElementById('mybtn'); btn.onclick = function(){ var event = window.event; alert(event.type);//"click" } 此時，event對象來源於window.event對象，並且之後又用於確定事件類型。然而，當eventHandler
一個自訂的迴圈遍曆元素常值內容的函數 該函數可以確保在HTML和XML DOM文檔中很好的工作，使用該函數，就能夠擷取任何元素常值內容了 迴圈遍曆元素常值內容 複製代碼 代碼如下: <html> <head> <meta http-equiv="Content-type" content="text/html;charset=gb2312"> <title>一個迴圈遍曆元素常值內容的函數</title> </head>
Jquery的擴充方法extend是我們在寫外掛程式的過程中常用的方法，該方法有一些重載原型，在此，我們一起去瞭解瞭解。 Jquery的擴充方法原型是: extend(dest,src1,src2,src3...); 它的含義是將src1,src2,src3...合并到dest中,傳回值為合并後的dest,由此可以看出該方法合并後，是修改了dest的結構的。如果想要得到合并的結果卻又不想修改dest的結構，可以如下使用： var
jQtransForm http://www.jb51.net/jiaoben/25166.html用法 1- 添加指令碼包含在標題部分的網頁 複製代碼 代碼如下: //required <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.jqtransform.min.js"></script&
/* 判斷指定的內容是否為空白，若為空白則彈出 警告框 */ function isEmpty(theValue, strMsg){ if(theValue==""){ alert(strMsg+"不可為空!"); return true; } return false; } /* 中文判斷函數，允許生僻字用英文“*”代替 返回true表示是符合條件，返回false表示不符合 */ function isChinese(str){ var badChar
核心代碼： 複製代碼 代碼如下: $(function(){ $(document).click(function(event){ /*1.建立DIV並插入到body當中 *2.設定其初始位置：TOP為螢幕的高度，left為滑鼠點擊時，滑鼠的pageX值； */ //建立DIV var $div = $("<div/>"); var eLeft = event.pageX; var etop = event.pageY; var cHeight =
1.延時指令碼啟動並執行方法： 方法一：把全部javascript引用放在<body>元素中，頁面內容後，如 複製代碼 代碼如下: <html> <head> <title>樣本1</title> </head> <body> <!--頁面內容--> <script type="text/javascript" src="example1.js"></script>
1、禁止右鍵菜單 複製代碼 代碼如下: <script type="text/javascrpt" language="javascript"> //方法一 function noMenuOne() { alert('禁止右鍵菜單!'); return false; } document.oncontextmenu = noMenuOne; //方法二 function noMenuTwo() { if(event.button == 2) { alert('禁止右鍵菜單!');
從前的方式——我估計也是大多數人使用的方式 比如以下的代碼——摘自新浪首頁的一段js代碼，這種方式也是大多數人使用的方式。 上面的代碼，你看完有什麼反應？你也許會把+=這種形式改成數組的push形式，有人說push比這種字元連結要快，但是也快不了多少。 如果這種嵌入的html代碼很多，你也要這樣處理嗎？如果修改（添加或者刪除）某個html，那麼你就要不斷的翻代碼，找對應的標籤，然後在找結束標籤，你不覺得麻煩嗎？也許有人會這樣寫（這個是我早期寫的，也是我最慣於使用的方式）。
console.log 原先是 Firefox 的“專利”，嚴格說是安裝了 Firebugs 之後的 Firefox 所專屬的調試“絕招”。 這一招，IE8 學會了，不過用起來比 Firebugs 麻煩，只有在開啟調試視窗(F12)的時候，console.log 才能出結果，不然就報錯。 今天看到 Opera 也有個叫 dragonfly 的東東，用這東西查看 DOM，已經可以和 Firebug 媲美，然而還是不能用 console.log。於是有人就提供了這樣兩句代碼： 複製代碼 代碼如下:
看見有的同學用 Adam Cai 的代碼，感覺稍顯複雜而且不夠 jQuery。我用只依靠 jQuery 入門的思路寫了一版，代碼更少使用也更簡單。 線上示範： http://demo.jb51.net/js/2012/jquery_xhpic/[JavaScript]代碼 複製代碼 代碼如下: $(document).ready(function(){ $("#sItem li:not(:first)").css("display","none"); var B=$("#sItem
在網上找了很多jquery效果，都是這樣的，於是自己寫了一個。防止頁面重新整理的tab切換， html代碼: 複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
由於不是很瞭解瀏覽器的內部執行策略，本文只能是通過前端一些測試依稀猜測些結論： 1）測試舉例 做了兩個例子： 1-1）指令碼在頁面中直接執行，通過重新整理看結果 複製代碼 代碼如下: <!DOCTYPE HTML> <HTML> <HEAD> <script type="text/javascript"> var t=new Date; setTimeout(function(){ alert('cost time:'+(new Date-t))
Package.js項目地址：http://code.google.com/p/package-js/ Package.js是一個很方便的JavaScript包依賴管理及Make工具。它的設計目標是使瀏覽器端的JavaScript Component/App 開發更加模組化。如果您只是在開發一個小型的網站，只會混雜在HTML中寫幾行JS代碼用於改善一下使用者體驗，那麼Package.js也許並不適合您。如果您正在開發一個中到大型的WebApp，有幾十甚至幾百幾千個JS檔案和CSS檔案、
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
