JavaScript

JQuery

Web前端開發實戰3：二級下拉式菜單之jQuery實現大家都知道jQuery是一個架構，它對JS進行了封裝，使其更方便使用。前面兩篇博文分別是用CSS樣式和JS實現的，那麼這篇就用jQuery來實現二級下拉式菜單。使用JQuery實現需要用到的知識有：1)使用$(function(){...})擷取到想要作用的HTML元素。2)通過使用children()方法尋找子項目。3)通過使用show()方法來顯示HTML元素。4)通過使用hide()方法來隱藏HTML元素。5)jQuery庫引用方法:第

學習使用grunt來打包JavaScript和CSS程式的教程，gruntcssJava世界裡的Maven提供了強大的包依賴管理和構建生命週期管理。在JavaScript的世界裡，隨著Node.js的流行，JavaScript原生的構建工具已經成為可能。Grunt.js是基於Node.js的自動化任務運行器。Grunt.js結合NPM的包依賴管理，完全可以媲美Maven。Grunt.js天然適合前端應用程式的構建——不僅限於JavaScript項目，同樣可以用於其他語言的應用程式構建。越來越多的

深入探究AngularJS架構中Scope對象的超級教程，angularjsscope一、遇到的問題問題發生在使用 AngularJS 嵌套 Controller 的時候。因為每個 Controller 都有它對應的 Scope（相當於範圍、控制範圍），所以 Controller 的嵌套，也就意味著 Scope 的嵌套。這個時候如果兩個 Scope 內都有同名的 Model 會發生什麼呢？從子 Scope 怎樣更新父 Scope 裡的 Model

在WordPress中加入Google搜尋功能的簡單步驟講解，wordpressgoogle網上諸多寫怎麼在 WordPress 中整合Google自訂搜尋的文章，但很少有提到如何整合v2版代碼的，今天通過實測來給大家講解一下，如何?在 WordPress中整合Google自訂搜尋的。擷取Google自訂搜尋代碼進入http://www.google.com/cse/Google各系列帳號都是通用的，所以如果你有gmail的話你就可以順利進入這個自訂搜尋的系統一系列的註冊、登陸你就進入到了

jQuery EasyUI之DataGrid使用執行個體詳解，jqueryeasyuijQuery EasyUI是一個輕量級的Web前端開發架構，提供了很多的現成組件協助程式員減輕前端代碼開發量，之前有個項目中就用到了其中的DataGrid。jQuery EasyUI架構的官方首頁,可以下載完整開發包，裡面有範例程式碼可以參考。運行：由於我使用的是ASP.NET

JS常見問題之為什麼點擊彈出的i總是最後一個，js常見問題最後一個在前端群裡看見過很多人問過這個問題，今晚又有人問了這個問題，所以寫篇文章整理一下。首先看一下代碼,點擊li之後彈出當前li所對應的索引值。於是很多人刷刷刷寫出了下面的代碼。var aLi = document.getElementsByTagName('li');for(var i = 0; i < aLi.length; i++){ aLi[i].onclick = function(){ alert(i); }

基於javascript實現圖片預先載入，javascript實現載入一、定義預先載入圖片是提升使用者體驗的一個好辦法，提前載入使用者所需的圖片，保證圖片快速、無縫發布，使使用者在瀏覽器網站時獲得更好使用者體驗。常用於圖片畫廊等應用中。[注意]若使用即時載入，載入的圖片與頁面的其他內容一起載入會增加頁面的整體載入時間，所以使用window.onload比較合適。二、兩種思路1、使用背景映像使用頁面無用元素的背景圖片預先載入<style>body{ margin: 0;}img{

簡述jQuery ajax的執行順序，jqueryajaxjQuery中的Ajax的async預設是true(非同步請求),如果想一個Ajax執行完後再執行另一個Ajax, 需要把async=false即可.代碼如下:function TestAjax(){ var UserName = $("#txtUserName").val(); $.ajax({ url:"AjaxCheckUserName.htm", async:false, success:function(data){

AngularJS 使用$sce控制碼安全檢查，angularjssce由於瀏覽器都有同源載入策略，不能載入不同域下的檔案、也不能使用不合要求的協議比如file進行訪問。在angularJs中為了避免安全性漏洞，一些ng-src或者ng-include都會進行安全校正，因此常常會遇到 一個iframe中的ng-src無法使用。什麼是SCESCE，即strict contextual escaping,我的理解是 嚴格的上下文隔離 

js與jQuery實現checkbox複選框全選/全不選的方法，jquerycheckbox本文執行個體講述了js與jQuery實現checkbox複選框全選/全不選的方法。分享給大家供大家參考，具體如下：先來看看JavaScript實現checkbox複選框全選/全不選的方法。這應該是一個比較實用的前端技巧吧，很多時候我們都需要點擊一個checkbox，然後將所有的複選框自動全部選中，比如新浪郵箱中，一些CMS系統的後台中，使用本JS效果後，會大大增強了操作體驗，那麼究竟是如何?這一功能的呢？

javascript簡單比較日期大小的方法，javascript日期大小本文執行個體講述了javascript簡單比較日期大小的方法。分享給大家供大家參考，具體如下：//擷取起始日期var startDate=document.all.startdate.value;//轉換為日期格式startDate=startDate.replace(/-/g,"/");//擷取結束日期var

子項目的margin-top作用於外層父元素解決方案，margin-top外層子項目的margin-top作用於外層父元素解決方案:有時候在設定子項目的margin-top屬性的時候，本來是要作用於父元素，但是表現的結果卻是父元素具有了margin-top效果，下面就通過代碼執行個體介紹一下如何解決此問題。代碼執行個體如下: <!DOCTYPE html><html><head><meta charset="

CSS 標準發布流程，css發布流程隨著 CSS 3 的廣泛應用，很多新的 CSS 屬性層出不窮，有很多陌生的 CSS 屬性出現，所以經常需要去學習新的 CSS 屬性。新的屬性往往介紹文章不多，所以有時候就需要去看看官方文檔，此時會發現官方文檔有好幾個版本，看： 當初學 flex-box 的時候就發現有好多種寫法，還好官方文檔開頭有標明那些文檔時最新的。不過此時我萌生了去瞭解 CSS 標準流程的想法，我想作為一個合格的 CSSER 也應該去瞭解吧。這裡講到的知識基本來自

javascript合并表格儲存格執行個體代碼，javascript儲存格本文為大家介紹了一段來源於網路上的代碼執行個體，能夠合併儲存格，下面和大家分享一下，希望能夠給需要的朋友或多或少帶來一定的協助。代碼執行個體如下:<!DOCTYPE HTML><html><head><meta charset="utf-8"/><title>表格儲存格合并代碼</title><script

js實現文字垂直滾動和滑鼠移至上方效果，js懸停本文執行個體介紹了文字垂直滾動效果，主要運用了setInterval(function(){}, time);方法，分享給大家供大家參考，具體內容如下HTML布局:<ul class="recommend-info"> <li> <span class="push">薦</span> <a

基於JavaScript實現定時跳轉到指定頁面，javascript跳轉在某些情境下，需要網頁在指定的時間後，網頁能夠自動跳轉到指定頁面，比如在無法找到指定網頁的情況下，就會顯示之前設定好的404頁面，並且跳轉到指定的頁面，下面就是一段代碼實現了此效果。代碼如下:<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author"

javascript資料類型驗證方法，javascript資料類型最近對javascript資料類型的驗證又有了一個新的認識，原來可以判斷得這麼簡單又如此全面。我們自訂了isString,isNumber ,isDate ,isError ,isRegExp ,isBoolean ,isNull ,isUndefined ,isObject等方法。現在將自己定義的javascript資料類型驗證函式及測試集展示：<!DOCTYPE html> <html>

基於jQuery實現點擊彈出層執行個體代碼，jquery實現點擊執行個體jquery實現點選連結彈出層效果：本例實現的主要原理：jquery操作DOM元素。對層樣式的設定。將display:設定為none;讓層隱藏；代碼執行個體如下:<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.bkjia.com" />

基於jQuery實現返回頂部執行個體代碼，jquery返回頂部執行個體展示如下所示：使用方法：只需引用jQuery庫和YesTop外掛程式，然後一句代碼就可以實現返回頂部：引用代碼：<script type="text/javascript" src="http://hovertree.com/ziyuan/jquery/jquery-1.11.3.min.js"></script><script type="text/javascript" src="http:/