1. 程式人生 > >jQuery頁面載入初始化的幾種方法

jQuery頁面載入初始化的幾種方法

在新的公司裡工作,最近一直在做關於js和jQuery的開發,下面三種是最常見的jquery頁面載入初始化的方法
第一種,去年實習時的公司用的是這樣

$(function(){
    //定義區域性變數
    //var a;
    ...
    init();
});

function init(){
    alert(123);
}

第二種,和上面的寫法類似

jQuery(function($){
    //定義區域性變數
    //var a;
    ...
    init();
});
function init(){
    alert(123);
} 

第三種,也就是我目前所在公司使用的方式

var sc = function() {
    //定義區域性變數
    //var a;
    ...
    return{
        init:function(){
            alert(123);
        }
    }
}();
sc.init();

這種寫法要注意的是,一定要把頁面引入js的語句放在最後,意思是整個jsp頁面載入完畢後再引入js,這樣是預防jquery獲取的值為空
感覺第三種好一點,用的比較順手,都是為了防止變數全域性化

相關推薦

jQuery頁面載入初始方法

在新的公司裡工作,最近一直在做關於js和jQuery的開發,下面三種是最常見的jquery頁面載入初始化的方法 第一種,去年實習時的公司用的是這樣 $(function(){ //定義區

jQuery頁面載入初始常用的三方法

當頁面開啟時我們需要執行一些操作,下面為大家介紹三種不錯的方法,大家可以參考下 當頁面開啟時我們需要執行一些操作,這個時候如果我們選擇使用jquery的話,需要重寫他的3中方法,自我感覺沒什麼區

jQuery頁面載入初始的3方法

第一種: $(document).ready(function(){ alert("第一種方法。"); });第二種: $(function(){ alert("第二種方法。"); }); 第三種: jQuery(function($) { alert("第三種方法。

js jquery 頁面載入初始方法

一.js 頁面載入初始化方法 // 1.在body裡面寫初始化方法. <body onload='init()'> </body> <script type="text/javasc

頁面載入初始3方式及區別

1 $(function () { });//jquery2 $(document).ready(function () { });//jquery3 window.onload = function

jquery easyui tab載入內容的方法

jQuery Easyui 的tabs外掛有兩種方式載入某個tab(標籤頁)上的內容:“href遠端請求”和“content本地內容”,本文就兩種方式的優缺點進行簡單分析和思考。 兩者特點: href方式載入資料的特點: 被載入的頁面只有body元素內部的內容才會被載入

JS頁面跳轉的方法以及註解

來介紹一下我所用的JS跳轉頁面的方法 第一種:這是最常用的了 window.location.href <script language="javascript" type="text/javascript"> window.location.href="l

SpringBoot---系統啟動載入實現的方法

1.CommandLineRunner  通過實現介面 CommandLineRunner 來實現,來完成專案啟動就載入所需要的資源。 import org.springframework.boot.CommandLineRunner; import org.springfra

jsp下頁面跳轉的方法小結

1. RequestDispatcher.forward()   在伺服器端起作用,當使用forward()時,Servlet engine傳遞HTTP請求從當前的Servlet或者是JSP到另外的一個Servlet、JSP 或普通HTML檔案,也即你的form提交至a.js

JS jQuery顯示隱藏div的方法

<div id="demo">AAA</div> JS隱藏和顯示div的方式有兩種: 方式1:隱藏後釋放佔用的頁面空間 通過設定display屬性可以使div隱藏後釋放佔用的頁面空間. style="display: none;" document

頁面元素居中的方法

1前言 做頁面佈局時,經常會需要將一些頁面元素居中顯示。當然,你可以設定元素的top、left來使它居中,但是,當父容器的大小發生變化,你不得不修改子元素的top、left來使它保持居中;當用戶的顯示器解析度與你的測試機不同,可能會導致介面亂成一片,所以不管從程式碼的易維護

前端頁面跳轉的方法

onclick跳轉 設定window的location.href屬性 onclick="window.location.href='URL'" onclick="location='URL'" 呼叫window的open方法 onclick

Jsp頁面跳轉和js控制頁面跳轉的方法

Jsp 頁面跳轉的幾種方法 1. RequestDispatcher.forward() 在伺服器端起作用,當使用forward()時,Servlet engine傳遞HTTP請求從當前的Servlet或者是JSP到另外的一個Servlet、JSP 或普通HTML檔

ASP.Net 更新頁面輸出快取的方法

ASP.Net 自帶的快取機制對於提高頁面效能有至關重要的作用,另一方面,快取的使用也會造成資訊更新的延遲。如何快速更新快取資料,有時成了困擾程式設計師的難題。根據我的使用經驗,總結了下面幾種方法,概括了常見的幾種情況,如有更好的方法歡迎補充。 (1)程式碼級快取(物件快取)

spring啟動載入程式的方法

轉載自:http://blog.csdn.net/lovesomnus/article/details/50158761 關於在spring  容器初始化 bean 和銷燬前所做的操作定義方式有三種: [java] view plain copy p

手機頁面呼叫撥號的方法

手機訪問網站,點選手機號碼直接撥打電話:< a href=”tel://158xxxxxxxx”>號碼< /a>這種方式塞班、安卓與iphone都支援。經過測試這段撥號程式碼< a href=”wtai://wp/mc;158xxxxxxxx ”>撥打電話只在塞班與安卓上支

php頁面傳遞引數值方法總結

又搞了一個學期的php,就這樣吧。      php是一種伺服器的指令碼語言,他也是現在最為流行的WEB開發語言,下面我們來講述一下幾種上在php開發應用中常用的四種頁面之間傳遞引數的幾種方法。    第一種:使用客戶端瀏覽器的cookie。cookie很容易理解,就是一個臨時檔案,可以把它看成一個儲藏室,瀏

SpringBoot實踐之---系統啟動載入實現的方法init、servelt、CommandLineRunner

實際應用中,我們會有在專案服務啟動的時候就去載入一些資料或做一些事情這樣的需求。 方法一:CommandLineRunner 為了解決這樣的問題,Spring Boot 為我們提供了一個方法,通過實現介面 CommandLineRunner 來實現。很簡單,只需要一個類就可以

jquery實現登入加密的方法以及cookie存放加密/解密

1、base64加密   在頁面中引入base64.js檔案,呼叫方法為: <!DOCTYPE HTML><html><head><meta charset="utf-8"><title>base64加密</title><s

JSP頁面跳轉的方法以及注意點

       最近自己在做專案時遇到一個問題,明明加了response.sendRedirect() ,系統也執行了,但是它就是不跳轉;最後在網上找到原因如下:        首先我們要知道的是用r