JavaScript

上午工作的時候，遇到一挺糾結的問題，在<th width...> width根本不起作用。後來才明白<th>標籤不能寫在<tbody>裡，不符合文法。所以順便總結下<table>標籤，和注意事項。<table>作為表格開始，其次可以接<caption></caption>作為表格標題。<thead></thead>用來定義各欄位標題，裡面寫<th></th>標籤。&

有時候在做檔案上傳的時候會遇到一種情況就是需要重設整個表單，但是問題來了，其他瀏覽器都沒啥問難題，直接reset form或者是觸發type為reset的button的click事件就OK了，但是IE卻奇葩了，IE中的File域無法清空，可能你看到的是已經沒有值了，但是你可以列印出來看看就知道了： 複製代碼 代碼如下: var fileVal = $('input[type="file"]').val(); alert(fileVal);

精簡CSS代碼可以協助減小樣式檔案的大小，使代碼清晰，方便維護。使用簡寫屬性及預設值{:;:;:;:;}{:; }{:;:;:;:;:;:;}{:;}常用簡寫屬性包括 animation、background、border、font、margin、padding、transition... 省略了部分簡寫屬性值的時候，缺失的部分就會使用該屬性的預設值，{:;}{:; }{:;:;} 可以指定不帶顏色的邊框實現變化效果{:; :;}{:;

Div+CSS命名規範一. 表單頭：header　　內容：content/container　　尾：footer　　導航：nav　　側欄：sidebar欄目：column　　頁面外圍控制整體布局寬度：wrapper　　左右中：left right

看似很簡單一個問題卻搞了好久。目標是判斷一個checkbox是否被選中，試了好多方法都不行，包括$('#checkbox-id').attr('checked') == true$('#checkbox-id').attr('checked') == 'checked'$('#checkbox-id').checked最後發現了兩種可行的，搞不清楚，既然是按照ID擷取的元素，為什麼還要get（0）方法一：if ($("#checkbox-id").get(0).checked) { //

1、js實現（可實現局部列印）<input id="btnPrint" type="button" value="預覽列印" onclick=preview(1) /><style type="text/css" media=print>.noprint{display : none }</style><p class="noprint">不需要列印的地方<script>function preview(oper){if (oper &

今天開始，認真學習前端知識，哈哈哈~~~加油~~~ 第一章 Web前端開發知識1.1 Web大局觀1.1.1 W3C　　W3C是World Wide Web

　　BFC 已經是一個耳聽熟聞的詞語了，網上有許多關於 BFC 的文章，介紹了如何觸發 BFC 以及 BFC 的一些用處（如清浮動，防止 margin 重疊等）。雖然我知道如何利用 BFC 解決這些問題，但當別人問我 BFC 是什麼，我還是不能很有底氣地解釋清楚。於是這兩天仔細閱讀了CSS2.1 spec 和許多文章來全面地理解BFC。一、BFC是什嗎？　　在解釋 BFC 是什麼之前，需要先介紹 Box、Formatting Context的概念。　　Box: CSS布局的基本單位　　Box

好吧，本以為node中的Buffer只是nodeJS中挺小的一塊，仔細的翻閱了一些資料之後才發現，冰川總是將其巨大的屁股藏在海平面以下的，這次也是主要簡單的講一下關於Buffer比較淺的一些東西（針對Node初學者啦~）Buffer

box-flex是css3新添加的盒子模型屬性，它的出現可以解決我們通過N多結構、css實現的布局方式。經典 的一個布局應用就是布局的垂直等高、水平均分、按比例劃分。目前box-flex屬性還沒有得到firefox、Opera、chrome瀏覽器的完全支援，但可以使用它們的私人屬性定義firefox(-moz)、opera(-0)、chrome/safari（-webkit)。 一、box-flex屬性box-flex主要讓子容器針對父容器的寬度按一定規則進行劃分 

　　CSS 是前端開發必備技能，入門容易，深入難。比如像 Pseudo-class、Pseudo-element、Media query、Media type 以及 Vendor prefix 的概念，很多人都還很模糊。CSS Vocabulary 是一個很全的 CSS 詞彙表，能協助你輕鬆瞭解這些詞彙的含義。您可能感興趣的相關文章OverAPI.com – 史上最全開發人員線上速查手冊CSS Matic：網頁設計師必備的終極 CSS 工具箱前端文摘—

 　　JS使用Microsoft.XMLDOM讀取遠程XML檔案內容，為啥要遠程讀取呢?其實舉個例子就明白了，因為最近要搞一個遠程讀取天氣資訊的ajax頁面，天氣資訊是遠程網站的內容，是以XML檔案方式存在的，所以我們要實現AJAX，就需要在JS中讀取XML檔案，開始覺得好難啊，其實做出來，也就不這麼認為了。　　在上述代碼中，http://****.com/ajax/weather.asp?subcode=b55就是遠程網站的天氣XML資訊，用ASP產生的xml，這裡直接調用了XMLD

 　　js倒計時結束跳轉到指定網址URL,貌似和倒計時沒啥區別，只是多了一個跳轉功能，本來覺得這個功能太簡單，不值發出來，不過昨天正好有個人問我這個問題，索引把當時的代碼發上來，或許會協助更多的javaScript新手吧，代碼如下：　　JavaScript代碼：　　URL那個用時候要把網址加雙引號，像這樣： 　　location.href="http://www.XXX.com"; 

 　　Js擷取select下拉式清單方塊各個Option的Value值相對比較容易，不過擷取Text值卻有點麻煩，對於一個初學JavaScript的新手來說，可能一時還無從下手，那麼就請看下本文的方法，以一個form表單中的Select下拉框菜單為例，來說明如何用JavaScript擷取其Value值和Text值：　　樣本表單，裡面是一個select下拉式清單方塊的各個清單項目及值：　　接下來是JavaScript部分，擷取Select的各個Value值和Text值：

 　　Js限制文字位元組本來比較容易實現，唯一值得注意的就是中文字元的判斷，因為中文和英文所佔的位元組不一樣，英文只佔1個位元組，而中文則需要2個，以下JavaScript函數是平時做項目時寫的，經過了多次修正，應該比較準確了，後面會告訴你使用方法。先來主函數代碼：　　checkbyte.js代碼：　　下面是例子，使用前請引入checkbyte.js　　value: 值　　byteLength：資料庫位元組長度　　title：欄位中文名稱　　attribute：屬性名稱　　使用說明：　

 　　JavaScript日期相減計算，然後得到第二個日期。在平時遇到時間加減的機率也是比較大，以下JS函數可完成指定天數減去某天數，計算出另外一個日期，在很多地方都可以用到。需要的可看下函數代碼，裡面有用法樣本，後面還有參數說明。　　參數說明：本函數牽扯兩個參數：dd：需要進行計算的日期;dadd：減去的天數，比如2天、3天。

 　　用javaScript來判斷指定字串是否是字元和數位混合體，我們首先應確定指定字串是字元，我們先來看Js檢測指定輸入是否是字元： 　　下面來看完整的判斷數字和字元混合類型的JS代碼： 　　多見於一些密碼輸入中，用來檢測使用者輸入的密碼是否是較複雜的字元組成，這個可以有。

 　　這段JS代碼在前端網頁互動中使用廣泛，擷取當前網頁的檔案名稱，代碼超簡單，這是看了不少相關例子最終寫出來的代碼，測試了下，相容性還挺不錯，不敢獨享，在此與大家分享。　　javaScript擷取當前網頁的檔案名稱代碼： 　　測試的時候，為了便於看到結果，這裡使用了alert彈窗訊息，以便跟蹤擷取到的檔案名稱，真正用的時候，你可以去掉此行，把擷取的檔案名稱賦值給待用的變數即可。

 　　CSS圖上置中很好實現，但萬惡的瀏覽器之間各不相讓，搞的不相容，還好我們有讓其相容的辦法，那就是結合JS來實現，這樣各個瀏覽器都聽話多了。本例就是CSS結合JavaScript實現的圖片垂直、水平方向都置中，也不是上下左右置中，位於網頁的正中央，代碼如下：　　複製代碼儲存成HTML頁面，雙擊開啟可測試效果。

 　　Javascript從url字串中擷取參數值，在Ajax盛行的今天，顯得特別重要了，因為ajax大部分情況下都是需要傳值的，這樣才能更好的實現使用者互動，那麼用JS擷取URL字串參數，其實並不難，列舉一個簡單的例子，看以下函數： 　　function getQuery(name)　　{　　var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");　　var