JavaScript

var dialog = art.dialog({title: '歡迎',content: '歡迎使用artDialog對話方塊組件！',icon: 'succeed',follow: document.getElementById('btn2'),ok: function(){this.title('警告').content('請注意artDialog兩秒後將關閉！').lock().time(2);return false;}, button: [{name: '同意',callback:

如何讓使用者輸入wap手機網站的網址時自動跳轉到wap網站 ?wap頁面自動跳轉的實現方式 ?如何判斷訪客是否是行動裝置訪問，自動跳轉到wap頁面 ?手機自動跳轉到手機頁面,一個網址區分普通訪問與手機訪問 ?手機訪問網站網域名稱時如果實現自動跳轉到wap頁面 ?本文就可以解決這些問題！複製代碼 代碼如下:function is_mobile() {     var regex_match = /(nokia|iphone|android|motorola|^mot-

做項目時遇到處理綁定“enter”鍵的情況，直接把情景代碼截取出來了。代碼如下： 複製代碼 代碼如下: function sendLoginData(){ loginvalidateForm(); $(document).keydown(function(event){ if(event.keyCode == 13){ //綁定斷行符號 $('#login-submit').click(); /自動/觸發登入按鈕 } }); $('#login-submit').click(function()

使用過 AngularJS 的朋友應該最感興趣的是它的指令。現今市場上的前端架構也只有AngularJS 擁有自訂指令的功能，並且AngularJS 是目前唯一提供Web應用可複用能力的架構。 目前有很多JavaScript 產品提供外掛程式給Web開發人員。例如， Bootstrap 就是當前比較流行的提供樣式和JavaScript外掛程式的前端開發套件。但是開發人員在使用Booostrap中的外掛程式時， 必須切換到JavaScript 模式來寫 jQuery

很多情況下，通過js（jQuery1.10）動態來建立一些樣式，對頁面的動態互動來說是很方便的但是不同的瀏覽器針對動態產生的不是很相容，在此遇見的不相容ie8，跟各位分享下代碼： json資料data.json[{"name":"ajax","job":"manong"},{"name":"js","job":"diaosi"}]html頁面 js檔案$document.ready(function(){.ajax(function(){

在類C語言中通常通過函數指標/引用的方式傳遞。jquery也提供類似的回呼函數機制。但是如何正確傳遞迴調函數仍然值得一提。 1、不帶參數的回調複製代碼 代碼如下:$.get('myhtmlpage.html', myCallBack);其中myCallBack是函數名字。函數是javascript的基礎。可以當作引用變數一樣傳遞。2、帶參數的回調很自然的，按照以往的經驗，我們會認為帶參數的回調是下面的樣子：複製代碼 代碼如下:$.get('myhtmlpage.html',

在前幾篇文章中我介紹過js的閉包，這一篇主要簡單的介紹一下js中閉包的範式。那麼何謂閉包的範式呢？首先回顧一下閉包的概念，閉包是外部函數與函數內部之間通訊的橋樑，通過對函數的返回，使得外部的函數可以訪問函數內部的一些資料。也就是說閉包可以使得函數內部的資料私人化或者說是公有化。範式實際上就是js中的匿名函數,看起來像這樣，下面就是個匿名函數，也就是閉包 (function(){ })()既然是函數，那同樣也可以傳遞參數，在匿名函數中的參數傳遞看起來像下面這樣子： (function(b){

我們一般都會按照順序把隨機摸過來的牌從小到大的順序在手上理整齊（記得小時候打牌兩副牌手都抓不過來），這篇隨筆就是想通過實現這個功能來熟悉下js中排序數組等相關知識。用到知識點：1.工廠方式建立對象2.js數組sort()方法複製代碼 代碼如下:  var testArr = [1, 3, 4, 2];     testArr.sort(function (a,b)

為了讓表格能夠填充螢幕(剩餘空白地區)，常將其寬度屬性定義為：100%，儲存格也是用百分數來定義。但這樣就會出現問題： 如果儲存格中的文本超過寬度限制，就會自動換行，高度自動增高，導致整個表格的樣式參差不齊，很難看。很容易想到的解決方案是，禁用文本換行： white-space:nowrap; overflow:hidden;So easy! 但效果仍然出乎意料：文本全部在一行顯示，寬度自動加寬，甚至還超出了父容器，overflow完全沒有起作用！怎麼回事？ 百分比的原因嗎？

尋尋覓覓，覓覓尋尋終於找到了一些關於jquery效能最佳化的文章，小編果斷收藏當然不能忘了加上自己的一些總結及理解。首先，之前文章中的jquery鏈式操作就是jquery效能最佳化方式中的一種，具體實現及優勢在這裡就不重複了哈。其次，jquery的最佳化與web最佳化中的某些方法是一樣的。a.壓縮js。使用代碼壓縮技術，減小檔案體積。（使用jsmin、YUI Compressor等）。b. 事件預設是向上冒泡的,發生在子節點中的事件,可以由父節點來處理。把事件註冊上提到父節點上,這

url : index.php?id=123 複製代碼 代碼如下: <script type="text/javascript"> function GetRequest() { var url = location.search; //擷取url中"?"符後的字串 var theRequest = new Object(); if (url.indexOf("?") != -1) { var str = url.substr(1); strs = str.split("&");

Javascript是一種基於對象（object-based）的語言，你遇到的所有東西幾乎都是對象。但是，它又不是一種真正的物件導向編程（OOP）語言，因為它的文法中沒有class（類）。 那麼，如果我們要把"屬性"（property）和"方法"（method），封裝成一個對象，甚至要從原型對象產生一個執行個體對象，我們應該怎麼做呢？一、 產生對象的原始模式假定我們把貓看成一個對象，它有"名字"和"顏色"兩個屬性。　　var Cat = {　　　　name :

　　越來越的用於通過行動裝置訪問網路，因此對於企業來說，現在比以往任何時候都更需要一個移動網站。但是，怎麼樣才能製作一個優秀的移動網站呢？　　為了回答這個問題，Google 與 AnswerLab

　　extjs的表格功能非常強大,包括了排序,緩衝,拖動,隱藏某一列,自動顯示行號,列匯總,儲存格編輯等實用功能.表格由類Ext.grid.GridPanel定義,繼承自Panel,其xtype為grid.Extjs中表格Grid必須包含列定義資訊,並指定表格的資料存放區器Store.表格的列資訊由類Ext.grid.ColumnModel定義,而表格的資料存放區器則是由Ext.data.Store定義,資料存放區器根據解析資料的不同分為JsonStore,simleStore,Grouping

公司最近的項目需要用到樹形下拉框，在網上找了挺多源碼，最後還是採用了zTree來實現，因為代碼的移植性比較高，而且資料的擷取比較容易。廢話不多說，直接上代碼。 index.jsp 複製代碼 代碼如下: <%@ page language="java" pageEncoding="UTF-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <%@ taglib uri="http:/

在開發過程中經常遇到要調整小數的格式，如保留小數點後兩位等等。方法也頗為常見，備忘如下。 第一種，利用math.round var original=28.453 1) //round "original" to two decimals var result=Math.round(original*100)/100; //returns 28.45 2) // round "original" to 1 decimal var result=Math.round(original*10)/10

atitit js 開發工具 ide的代碼結構顯示(func list) outline總結eclips環境::4.3.1#-------需要一個js開發工具,可以顯示outline或者代碼結構顯示(func list)的功能的aptana,webstorm好十好,走十太大的,pass...子能dw,eclps,npp黑頭挑選..VJET是一個 Eclipse 的外掛程式，提供完全的JavaScript

刪除文章和鎖定文章都需要填寫拒絕原因，共用一個視窗，和按鈕，按鈕綁定不同的事件： title = '刪除文章(屏蔽、不顯示)'; 複製代碼 代碼如下: $('#btn_ok', '#div_deny_reason').bind('click', function(){edit('if_show', '0');}); title = '鎖定文章'; $('#btn_ok', '#div_deny_reason').bind('click', function(){edit('if_lock', '

//設定當前document和document對應的變數和方法setDocument = Sizzle.setDocument = function( node ) {var hasCompare,//node為Element時返回node所屬document//node為Document時返回node//node為空白時返回window.documentdoc = node ? node.ownerDocument || node :

在物件導向的編程中，很多語言都支援函數重載，能根據函數傳遞的不同個數、類型的參數來做不同的操作，JS對它卻不支援，需要我們額外做些小動作。 　　 　　在JS的函數執行內容中有一個名為arguments的有意思的變數，它以數組的形式儲存了函數執行時傳遞過來的所有參數，即使函數定義沒有定義這 麼多個形參。還有一個特別之處就是跟Array類型相比，arguments變數有且只有一個length屬性，Array的方法，例如push、pop