Time of Update: 2018-12-08
js的時區函數: 設datename為建立的一個Date對象 ==================== datename.getTimezoneOffset() --取得當地時間和GMT時間(格林威治時間)的差值,傳回值以分鐘為單位 ==================== 舉例:根據本地時間獲得GMT時間和任意時區的時間 d=new Date(); //建立一個Date對象 localTime = d.getTime(); localOffset=d.getTimezoneOffset()*6
Time of Update: 2018-12-08
前言 Bob大叔提出並發揚了S.O.L.I.D五大原則,用來更好地進行物件導向編程,五大原則分別是: The Single Responsibility Principle(單一職責SRP) The Open/Closed Principle(開閉原則OCP) The Liskov Substitution Principle(裡氏替換原則LSP) The Interface Segregation Principle(介面分離原則ISP) The Dependency Inversion
Time of Update: 2018-12-08
而this的具體值則取決於其調用模式。 * 方法調用模式:this被綁定到該對象。 * 函數調用模式:this被綁定到全域對象,網頁的情況下綁定到window * 構造器調用模式:this被綁定到新產生的對象。 * 事件處理調用模式分兩種情況:參照 * this被綁定到全域對象 複製代碼 代碼如下:<script type="text/javascript"> function click_handler() { alert(this); // alerts the window
Time of Update: 2018-12-08
程式就是類比這樣一個三維空間,裡面的圖片會根據三維座標顯示在這個空間。很久以前就看過一個3DRoom效果,是用複雜的計算實現的。在上一篇圖片變換研究過css3的transform之後,就想到一個更簡單的方法來實現。相容:ie6/7/8, firefox 3.6.8, opera 10.6, safari 5.0.1, chrome 5.0效果預覽 3DRoom程式說明
Time of Update: 2018-12-08
這裡使用原生的javascript,用物件導向的方式建立一個容易維護使用方便的滑動菜單,調用方式如下: 複製代碼 代碼如下:var $sliding = document.getElementById("silding"); var s1 = new Sliding(); s1.commands = $sliding.getElementsByTagName("dt"); s1.panels = $sliding.getElementsByTagName("dd"); ;
Time of Update: 2018-12-08
複製代碼 代碼如下:window.onbeforeunload = function() { if(is_form_changed()) { return "您的修改內容還沒有儲存,您確定離開嗎?"; } } function is_form_changed() { var t_save = jQuery("#t_save"); //檢測頁面是否要儲存按鈕 if(t_save.length>0) { //檢測到儲存按鈕,繼續檢測元素是否修改 var is_changed = false;
Time of Update: 2018-12-08
:測試代碼: xmlns="http://www.w3.org/1999/xhtml"> >>日一二三四五六
Time of Update: 2018-12-08
事件捕捉(Event Capture)的實現問題 W3C DOM Level2的事件模型規範中,事件在DOM樹中的傳播過程(從根節點到目標節點)被分為了兩個階段:捕捉(Capture)和冒泡(Bubbling)。下面這個圖能大概的說明整個過程: (from W3C) 如果想建立一個捕捉事件,在支援W3C 事件模型的瀏覽器中,將addEventListener的第三個參數設為true就好了。例如: 複製代碼
Time of Update: 2018-12-08
首先引入JavaScript API檔案 <script type="text/javascript" src="http://j.maxmind.com/app/geoip.js"></script> 此API提供的介面共有6個,geoip_country_code(){國家代碼},geoip_country_ name(){國家名稱},geoip_city()
Time of Update: 2018-12-08
代碼如下: 複製代碼 代碼如下:<script type="text/javascript"> var ball; var mouseX = 100; var mouseY = 100; var angle = 0; var radius = 50; function run(){ if(ball === undefined){ ball = document.createElement("span"); ball.style.position = "absolute"; ball.
Time of Update: 2018-12-08
1.首先我們來瞭解幾個概念,“事件”,“事件流”,“事件名稱”,“事件處理函數/事件監聽函數,也許是“老生常談”,知道的朋友可以越過。 事件: 事件是使用者自身或瀏覽器進行的特定行為。如:使用者點擊 也就是常用的click事件 事件流:多個事件 按一定順序觸發 形成了事件流 事件名稱:如上面所講的click就是事件名 事件處理函數/事件監聽函數(Dom的叫法)就是 事件觸發後的處理函數,如obj.onclick=fn;函數fn就是事件處理函數 2.下面我們來瞭解一下曆史,事件是dom的一部分
Time of Update: 2018-12-08
我的答案是,超過兩個 else 的 if ,或者是超過兩個 case 的 switch 。可是在代碼中大量使用 if else 和 switch case 是很正常的事情吧?錯!絕大多數分支超過兩個的 if else 和 switch case 都不應該以寫入程式碼( hard-coded )的形式出現。 複雜分支從何而來
Time of Update: 2018-12-08
JS.Encode是在JS代碼進行編碼之後形成的“亂碼”,此亂碼除無法閱讀之外,仍能夠良好的執行。 往往在網頁上有JS加密代碼的解碼方法,但是由於代碼中存在逸出字元,無法正確的進行解碼。 JAVAScript使用以下八種逸出字元。這些字元都是以一個反斜線(\)開始。當JAVAScript的解譯器(Interpreter)看到反斜線時,就會特別注意,表現出程式員所要表達的意思。 序逸出字元使用說明1\b後退一格(Backspace)2\f換頁(Form Feed)3\n換行(New Line)4\
Time of Update: 2018-12-08
複製代碼 代碼如下:<body onload="javascript: setHeight();"> <script> function setHeight(){ var dHeight = document.documentElement.scrollHeight; var t = document.createElement("div"); t.innerHTML = '<iframe id="kxiframeagent"
Time of Update: 2018-12-08
大家在使用JavaScript的時候,DOM操作是最平常不過的了,
Time of Update: 2018-12-08
本文沒有什麼技術上創新,只要會一點Javascript的技術就可以寫了。 第一步: 在頁面查看原始碼,把Form中包含的需要填列的HTML控制項找出來如: <form name="mainfrm" action="" method="post"> <input type="text" name="username"/> <input type="submit" value="submit"/> </form> 第二步:編寫代碼
Time of Update: 2018-12-08
複製代碼 代碼如下:ExcelOperation = function(){ this.oXL = null; this.oWB = null; this.oSheet = null; this.xlsRowCount = 0; //總記錄數 this.excelFileName = null; this.currentRow = 2; //當前行 /** * 得到EXCEL表格中的總記錄數 */ this.getRowCount = function(){ //oSheet.Range("C1
Time of Update: 2018-12-08
複製代碼 代碼如下:/* 缺陷,當前在ff3下,用jquery的 width()與height()函數,在不設定圖片的寬度與高度的時候,不能取到 需要在圖片load函數裡面初始化才可以 */ sanshi_imgareaselect = function(pic_id,view_div_id){ this.pic_obj = jQuery("#"+pic_id); this.pic_width; this.pic_height; this.view_div_id
Time of Update: 2018-12-08
一、簡化代碼 採用更為簡短的寫法,不僅可以減少輸入的字元數,還可以減少檔案大小。大部分採用簡單寫法的代碼,執行效率都有輕微提高。 1.1 簡化常用對象定義:使用 var obj = {}; 代替 var obj = new Object(); 使用 var arr = []; 代替 var arr = new Array(); 1.2 精簡if語句三元操作符可以有效精簡只涉及賦值傳值操作的if語句,比如 var score = 60, grade; if (score < 60) {
Time of Update: 2018-12-08
方法一: 用的瀏覽器內部轉換器實現轉換,方法是動態建立一個容器標籤元素,如DIV,將要轉換的字串設定為這個元素的innerText(ie支援)||textContent(Firefox支援),然後返回這個元素的innerHTML,即得到經過HTML編碼轉換的字串,顯示的時候反過來就可以了(實際上顯示的時候不用通過轉換,直接賦值在div就可以正常顯示的)。 複製代碼 代碼如下:<script type="text/javascript"> function