Time of Update: 2015-12-30
Javascript removeChild()刪除節點及刪除子節點的方法,javascript刪除節點下面給大家介紹Javascript removeChild()刪除節點的方法,具體詳情如下所示:在Javascript中,只提供了一種刪除節點的方法:removeChild()。removeChild() 方法用來刪除父節點的一個子節點。文法: parent.removeChild(thisNode)參數說明: 參數
Time of Update: 2015-12-30
詳解maxlength屬性在textarea裡奇怪的表現,maxlengthtextareaHTML5給表單帶來了很多改變,比如今天要說的maxlength,這個屬性可以限制輸入框輸入的最大字字元數,更方便的是對於粘貼的內容也能夠根據字元數自動截斷。最近就接到這要一個需求,限制使用者最多輸入600字(漢字和字母不區分),對於粘貼的內容也要能自動截斷,輸入600字後就無法輸入。第一時間想到了maxlength,基本滿足需求,但還是有一些怪異的表現。看下面的代碼:<textarea name=
Time of Update: 2015-12-30
Bootstrap實現預設導覽列效果,bootstrap導覽列導覽列是一個很好的功能,是 Bootstrap 網站的一個突出特點。導覽列是響應式元組件就,作為應用程式或網站的導航標題。導覽列在行動裝置的視圖中是摺疊的,隨著可用視口寬度的增加,導覽列也會水平展開。在 Bootstrap 導覽列的核心中,導覽列包括了為網站名稱和基本的導航定義樣式。建立一個預設的導覽列的步驟如下: 向 <nav> 標籤添加 class
Time of Update: 2015-12-30
淺析AngularJs HTTP響應攔截器,淺析angularjs為何要用攔截器?任何時候,如果我們想要為請求添加全域功能,例如身份認證、錯誤處理等,在請求發送給伺服器之前或伺服器返回時對其進行攔截,是比較好的實現手段。 angularJs通過攔截器提供了一個從全域層面進行處理的途徑. 攔截器允許你:通過實現 request 方法攔截請求: 該方法會在 $http 發送請求道後台之前執行,因此你可以修改配置或做其他的操作。該方法接收請求設定物件(request
Time of Update: 2015-12-29
如何解決因為緩衝無法及時更新圖片問題,緩衝及時更新如何解決因為緩衝無法及時更新圖片問題:在載入遠程圖片的時候,往往會由於緩衝的原因,即使是在伺服器更新了圖片有時候也得不到及時的更新。可以使用如下方法解決此問題,代碼如下: $(".myImg").src("yourUrl.action?randUrl"+Math.ceil(new
Time of Update: 2015-12-29
你需要知道的三個CSS技巧,三個CSS技巧各種瀏覽器之間的競爭的白熱化意味著越來越多的人現在開始使用那些支援最新、最先進的W3C Web標準的裝置,以一種更具互動性的方式來訪問互連網。這意味著我們終於能夠利用更強大更靈活的CSS來創造更簡潔,更好維護的瀏覽器前端代碼。現在讓我們來看一看一些也許你還不知道的讓人興奮的CSS 功能。 在CSS中用attr()顯示HTML 屬性值 attr()功能早在CSS
Time of Update: 2015-12-29
深入理解javascript之typeof和instanceof這次主要說說javascript的類型判斷函數typeof和判斷建構函式原型instanceof的用法和注意的地方。typeof先來說說typeof吧。首先需要注意的是,typeof方法返回一個字串,來表示資料的類型。文法講解我們先看看各個資料類型對應typeof的值:資料類型TypeUndefined“undefined”Null“object”布爾值“boolean”數值“number”字串“string”Symbol
Time of Update: 2015-12-28
對象題目的一個坑 理解Javascript對象,這一篇的例子,主要是來引起對Javascript對象的理解及注意的。其實是一種面試時的一個坑,實際項目中也是很少用得到,但是為了提高警惕性,我們來看這個例子:代碼名稱var first = {};var second = {k:"second"};var third = {k:"third"};first[second] = 100;first[third] = 200;console.log(first[second])//這裡會輸出什麼內容呢&
Time of Update: 2015-12-28
jquery擷取select選中值的方法分析,本文執行個體講述了jquery擷取select選中值的方法。分享給大家供大家參考,具體如下:誤區:以前一直以為jquery擷取select中option被選中的文本值,是這樣寫的:複製代碼 代碼如下:$("#s").text(); //擷取所有option的文本值實際上應該這樣:複製代碼 代碼如下:$("#s option:selected").text(); //擷取選中的option的文本值擷取select中option的被選中的value值:$
Time of Update: 2015-12-28
JavaScript判斷對象是否為數組,文中為大家分享了三種JavaScript判斷對象是否為數組的方法,1. typeof首先我們會想到的是使用typeof來檢測資料類型,但是對於Function, String, Number, Undefined等這幾種基本類型來說,使用typeof來檢測都可以檢測到,比如代碼如下:function test(){}console.log(typeof 1); // numberconsole.log(typeof test); // function
Time of Update: 2015-12-28
理解javascript中try...catch...finally,本文為大家分析了javascript中try...catch...finally的使用方法,分享給大家供大家參考,具體內容如下稍微複雜一點點,就要用到判斷語句,if else進行條件判斷,話說if條件else否則,這樣的判斷對於寫程式碼的碼儂已經是非常熟悉不過了。如果你覺得這個也很簡單,可能會用到混合if else條件判斷語句加上try catch 來處理語句,雖然用try
Time of Update: 2015-12-28
js操作cookie儲存瀏覽記錄的方法,本文執行個體講述了js操作cookie儲存瀏覽記錄的方法。分享給大家供大家參考,具體如下:說明:最近做了一個功能,記錄使用者瀏覽過的產品頁面。我的思路是,客戶每次進入產品頁面,就自己調用JS把產品資訊以json的形式儲存到cookie裡面。瀏覽記錄的顯示是從cookie裡讀出來,然後解析成json,產生html元素。因為使用者可能會同時開啟好幾個頁面,這幾個頁面上可能都有瀏覽記錄,為了使即使顯示瀏覽記錄,每秒中重新整理一次。要用到2個js檔案,histor
Time of Update: 2015-12-28
原生js和jQuery實現淡入淡出輪播效果,本文執行個體為大家介紹了基於jQuery實現淡入淡出輪播效果的關鍵代碼,分享給大家供大家參考,具體內容如下:基本原理:將所有圖片絕對位置在同一位置,透明度設為0,然後通過jQuery的淡入淡出實現圖片的轉場效果。html代碼:<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"
Time of Update: 2015-12-28
藉助FileReader實現將檔案編碼為Base64後通過AJAX上傳,使用AJAX是無法直接上傳檔案的,一般都是建立個iframe在它裡面完成表單提交的過程以達到非同步上傳檔案的效果。如此做可以達到比較好的瀏覽器安全色性,不過代碼量會比較大,即使是使用了檔案上傳外掛程式,例如plupload。如何能達到靈活的程度呢,能像普通的AJAX提交表單資料那樣將檔案看成是普通表單參數來對待就好了。靈光一閃,利用javascript的FileReader對象將檔案編碼成base64再傳伺服器不就行了麼~開
Time of Update: 2015-12-18
Js位置與大小(1)——正確理解和運用與尺寸大小相關的DOM屬性,jsdom在web開發中,不可避免遇到要計算元素大小以及位置的問題,解決這類問題的方法是利用DOM提供的一些API結合相容性處理來,所有內容大概分3篇左右的文章的來說明。本文作為第一篇,介紹DOM提供的與尺寸大小相關的DOM屬性,提供一些相容性處理的方法,並結合常見的情境說明如何正確運用這些屬性。1.
Time of Update: 2015-12-19
CSS margin用法詳解,cssmargin詳解CSS的margin用法詳解:建議:儘可能的手寫代碼,可以有效提高學習效率和深度。margin屬性在網頁中使用非常的頻繁,所以這裡詳細介紹一下此屬性的用法。此屬性用來定義對象的外邊距的,也稱之為外補白,所謂的外邊距就是圍繞邊框外側的空白地區。可以單獨定義上下左右某一方位的外邊距。代碼執行個體如下:執行個體一:子div沒有外邊距的情況:<!DOCTYPE html><html><head><meta
Time of Update: 2015-12-16
使用float和display:block將內嵌元素轉換成塊元素的不同點,floatblock使用float和display:block將內嵌元素轉換成塊元素的不同點:建議:儘可能的手寫代碼,可以有效提高學習效率和深度。內嵌元素可以轉換成區塊層級元素,常用的方法比如可以為內嵌元素使用float屬性讓內嵌元素浮動起來,或者為內嵌元素添加display:block。雖然兩者都可以讓內嵌元素轉換成區塊層級元素,但是有區別的。代碼執行個體如下:<!DOCTYPE html><html&
Time of Update: 2015-12-11
【02】json文法,02json【02】JSON 文法是 JavaScript 文法的子集。JSON 文法規則JSON 文法是 JavaScript 物件標記法文法的子集。資料在成對的名稱和數值中資料由逗號分隔花括弧儲存對象方括弧儲存數組JSON 成對的名稱和數值JSON 資料的書寫格式是:成對的名稱和數值。成對的名稱和數值包括欄位名稱(在雙引號中),後面寫一個冒號,然後是值:"firstName":"John" 這很容易理解,等價於這條 JavaScript
Time of Update: 2015-12-09
報告一個IE很奇葩的捲軸問題——百分比計算寬度為浮點數時的捲軸顯示異常,奇葩捲軸起因: 做項目的時候做了一個表格內容超過DIV容器自動橫向滾動處理。別的瀏覽器都正常;但是在IE下面明明表格table和容器DIV寬度一致但是卻出現了捲軸。 然後本人做實驗找了半天原因終於是找到了,是IE瀏覽器使用百分比計算寬度值不是整數值引起的。 執行個體1:使用百分比計算結果是整數的情況下顯示正常。<!DOCTYPE html> <html> <head>
Time of Update: 2015-12-04
輕鬆學習JavaScript九:JavaScript對象和數組許多進階程式設計語言都是物件導向的,比如C++、C#和Java等進階程式設計語言,那麼一種物件導向語言有哪些基本要求呢?下面我們就通宿地說一下物件導向的一些知識。一種物件導向語言需要向開發人員提供四種基本能力:(1)封裝:把相關的資訊(無論資料或方法)儲存在對象中的能力(2)聚集:把一個Object Storage