利用函數的惰性載入提高javascript代碼執行效率

在 javascript 代碼中,因為各瀏覽器之間的行為的差異,我們經常會在函數中包含了大量的 if 語句,以檢查瀏覽器特性,解決不同瀏覽器的相容問題。 例如,我們最常見的為 dom-節點添加事件的函數: 複製代碼 代碼如下: function addEvent (type, element, fun) { if (element.addEventListener) { element.addEventListener(type, fun, false); } else

javascript中的nextSibling使用陷(da)阱(keng)

今天寫js的時候遇到了一個陷(da)阱(keng) 關於HTML/XML節點的問題 據說在IE中nextSibling不會返迴文本節點,而chrome或者firefox等會返迴文本節點…… 這個我的工作帶來了很嚴重的問題 在網上搜到了很多處理方法,都是給js添加各種封裝的函數…… 後來我發現有個nextElementSibling方法…… 這個不會返迴文本節點,不管是什麼瀏覽器…… 真是大坑

JQuery EasyUI 數字格式化處理樣本

設定顯示時間戳記 <% request.setAttribute("currentTimeStamp",Calendar.getInstance().getTime()); %> 顯示:2009-11 <fmt:formatDate pattern="yyyy-MM" value="${currentTimeStamp}"/> <br/> 顯示:2009-11-30 23:47:06 <fmt:formatDate

藉助javascript代碼判斷網頁是靜態還是偽靜態

最近一直在研究Dedecms,準備建站之前,就一直在想用不用偽靜態,到現在還沒有決定下來,想來想去,最好的辦法還是看一看同類型的網站採用的是靜態還是偽靜態。那麼我們開啟一個網站,在基礎知識不夠的情況下,如何簡單快速的判斷出這個網頁是靜態還是偽靜態呢?下面給大家來簡單介紹一下: 偽靜態和靜態單從URL來看,很難分辨出來,一般網頁尾碼都是以.html結尾。我們可以藉助一段簡單的javascript代碼判斷一下:

JS判斷、校正MAC地址的2個執行個體

方法一:複製代碼 代碼如下:var temp = /[A-Fa-f0-9]{2}:[A-Fa-f0-9]{2}:[A-Fa-f0-9]{2}:[A-Fa-f0-9]{2}:[A-Fa-f0-9]{2}:[A-Fa-f0-9]{2}/;if (!temp.test(document.mac.value)){     return false;}方法二:複製代碼 代碼如下:function macFormCheck(mac){  

javascript校正價格合法性執行個體(必須輸入2位小數)

HTML代碼:複製代碼 代碼如下:請輸入價格:<input type="text" id="txtProPrice" /><input type="button" value="驗證輸入" id="btnTest" />JS代碼:複製代碼 代碼如下:<script src="jquery.js"></script><script type="text/javascript"

JavaScript加入收藏夾功能(相容IE、firefox、chrome)

實現代碼:複製代碼 代碼如下:<script>function addFav(){  if(document.all){    window.external.addFavorite('http://jb51.net','FREE Web Directory');    }else if(window.sidebar){     

JavaScript保留兩位小數的2個自訂函數

對於一些小數點後有多位的浮點數,我們可能只需要保留2位,但js沒有提供這樣直接的函數,所以我們得自己寫函數實現這個功能,代碼如下:複製代碼 代碼如下:function changeTwoDecimal(x) {    var f_x = parseFloat(x);    if (isNaN(f_x)) {       

jQuery實現斷行符號鍵(Enter)切換文字框焦點的代碼執行個體

以下是實現方法:複製代碼 代碼如下:<script src="http://yige.org/static/js/j.js"></script>jQuery(function () {    jQuery('input:text:first').focus();//直接定位到當前頁面的第一個文字框    var $inp =

一個簡單的jquery的多選下拉框(自寫)

今天做的項目要用到多選的下拉框,開始想在網上找一個外掛程式用用,可是,網上的外掛程式看起來都比較雜亂,我參考了網上的一些外掛程式,自己用jquery寫了一個多選下拉框,js寫得比較簡潔。代碼如下。 js代碼 複製代碼 代碼如下: (function(){ $.fn.extend({ checks_select: function(options){ jq_checks_select = null; $(this).click(function(e){ jq_check = $(this); //

javascript產生隨機顏色範例程式碼

複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type"

JavaScript驗證圖片類型(副檔名)的函數分享

前台調用如下複製代碼 代碼如下:OnClientClick="return fucCheckJpgAndGif(form1.File1.value);" --其中File1為上傳檔案控制項函數代碼:複製代碼 代碼如下:function fucCheckJpgAndGif(strFileName) {    if (strFileName != "") {        var strtype =

一個簡單的實現下拉框多選的外掛程式可移植性比較好

在使用上次寫的一個多先下拉框時,我發現了很多問題,經過修改和完善後,現在已經能夠很好地使用了,且可移植性也比較好,下面是原始碼。 js 複製代碼 代碼如下: (function(){ $.fn.extend({ checks_select: function(options){ jq_checks_select = null; $(this).val("---請選擇---"); $(this).next().empty(); //先清空 $(this).unbind("click");

js簡單的彈出框有關閉按鈕

複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type"

使用jQuery重設(reset)表單的方法

由於JQuery中,提交表單是像下面這樣的:複製代碼 代碼如下:$('#yigeform').submit()所以,想當然的認為,重設表單,當然就是像下面這樣子嘍:複製代碼 代碼如下:$('#yigeform').reset()但是,不幸的是,這樣寫的話,會有一個讓你很鬱悶的結果,那就是,表單無法重設!後來,上網查了一下,說是,JQuery中沒有reset方法,經核對,果然是沒有。那有麼沒有辦法通過JQuery來重設表單呢,答案是有的,不過是一種間接的方法,如下:複製代碼

js中substring和substr的定義和用法

1.substring 方法定義和用法substring 方法用於提取字串中介於兩個指定下標之間的字元。文法stringObject.substring(start,stop)參數     描述start    必需。一個非負的整數,規定要提取的子串的第一個字元在 stringObject 中的位置。stop     可選。一個非負的整數,比要提取的子串的最後一個字元在

JQuery以JSON方式提交資料到服務端範例程式碼

JQuery將Ajax資料請求進行了封裝,從而使得該操作實現起來容易許多。以往我們要寫很多的代碼來實現該功能,現在只需要調用$.ajax()方法,並指明請求的方式、地址、資料類型,以及回調方法等。下面的代碼示範了如何將用戶端表單資料封裝成JSON格式,然後通過JQuery的Ajax請求將資料發送到服務端,並最終將資料存放區到資料庫中。服務端定義為一個.ashx檔案,事實上你可以將服務端定義為任何能接收並處理用戶端資料的類型,如Web Service,ASP.NET Page,Handler等。

javascript中相容主流瀏覽器的動態產生iframe方法

以下代碼在IE8下運行通過,在IE9中出錯:複製代碼 代碼如下:document.createElement('<iframe id="yige-org-iframe" src="yige.org.logo.gif" style="position:absolute;top:0;left:0;width:1px;height:1px;visibility:hidden;"></iframe>');錯誤提示:exception : SCRIPT5022: DOM

js產生動態飄過效果

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title></title><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><script

【5】瞭解Bootstrap預置的柵格系統

在開篇之前我們來說一個class,因為以後要用到的用.container包裹頁面上的內容即可實現置中對齊。在內都為container設定了width,用以匹配柵格系統。這裡可能有的人不太清楚“不同的媒體查詢閾值範圍”是什嗎?這裡我說下,就是定義了一套範圍(這個範圍有幾個區間),如果你現在是用的瀏覽器寬度值(即可視地區)在這套範圍的某個區間中,那麼就使用這個區間瀏覽網頁的的解決方案。(不知道這樣說能不能讓大家懂,汗  ̄□ ̄||)=======================

總頁數: 3271 1 .... 2764 2765 2766 2767 2768 .... 3271 Go to: 前往

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.