jquery加載頁面的方法(頁面加載完成就執行)_jquery

來源:腳本之家  責任編輯:小易  

原頁面A.html:title></title></head>div>被load的頁面B.html:title></title></head>.page-li {font-size:12px;color:blue}234123</li><li>341234</li><li>41234</li><li>412de34在原頁面A.html中加載調用的jquery.load(),然后再在原頁面對 page-li 的樣式重新定義下就可以了:添加了load(),css的原頁面:title></title></head>.page-li {font-size:12px;color:green}div>(function(){("#container").load("B.html #page",null,function(){alert("加載成功")});});www.anxorj.tw防采集請勿采集本網。

1、$(function(){

  $("#a").click(function(){

出去安全考慮,ajax不允許跨域加載代碼。我想可能是你的basePath字符串是絕對地址,還有端口神馬的,讓ajax誤會了吧。你就用頁面之間的相對地址,或者網站內的絕對地址試試吧。

    //adding your code here

一、jQuery加載一個html頁面到指定的div里把a.html里面的某一部份的內容加載到b.html的一個div里。比如:加載a.html里面的這個div里面的所有內容加載到b.html的這個div里用jqueryajax可以實現

  });

});

2、$(document).ready(function(){

看看瀏覽器報什么錯了。下面這個例子是可以的。doctype html> load demo body { font-size:12px;font-family:Arial;} jquery.com/jquery-1.10.2.js\"></script>

  $("#a").click(function(){

出去安全考慮,ajax不允許跨域加載代碼。我想可能是你的basePath字符串是絕對地址,還有端口神馬的,讓ajax誤會了吧。你就用頁面之間的相對地址,或者網站內的絕對地址試試吧。

    //adding your code here  

如果該字符串中包含一個或多個空格,緊接第一個空格的字符串則是決定所加載內容的 jQuery 選擇器。jQuery 使用瀏覽器的.innerHTML 屬性來解析被取回的文檔,并把它插入當前文檔。在此過程中,瀏覽器常會從

  });

});

3、window.onload = function(){

  $("#a").click(function(){

出去安全考慮,ajax不允許跨域加載代碼。我想可能是你的basePath字符串是絕對地址,還有端口神馬的,讓ajax誤會了吧。你就用頁面之間的相對地址,或者網站內的絕對地址試試吧。

    //adding your code here

一、jQuery加載一個html頁面到指定的div里把a.html里面的某一部份的內容加載到b.html的一個div里。比如:加載a.html里面的這個div里面的所有內容加載到b.html的這個div里用jqueryajax可以實現

  });

}

html代碼為<input type="button" id="a">點擊</input>,且頁面需要引用jquery的js文件

一般的加載頁面時調用js方法如下:

window.onload = function() {

$("table tr:nth-child(even)").addClass("even"); //這個是jquery代碼

};

這段代碼會在整個頁面的document全部加載完成以后執行。不幸的這種方式不僅要求頁面的DOM tree全部加載完成,而且要求所有的外部圖片和資源全部加載完成。更不幸的是,如果外部資源,例如圖片需要很長時間來加載,那么這個js效果就會讓用戶感覺失效了。

但是用jquery的方法:

$(document).ready(function() {

// 任何需要執行的js特效

$("table tr:nth-child(even)").addClass("even");

});

就僅僅只需要加載所有的DOM結構,在瀏覽器把所有的HTML放入DOM tree之前就執行js效果。包括在加載外部圖片和資源之前。

還有一種簡寫的方式:

$(function() {

// 任何需要執行的js特效

$("table tr:nth-child(even)").addClass("even");

});

jquery在頁面加載的時候自動調用某個函數,有三種方法:第一種:(document).ready(function(){func(xxx)/執行函數});第二種:(function(){func(xxx)/執行函數});第三種:jQuery(function($){func(xxx)/執行函數});如果不用jquery,在頁面初始化的方法,1.在body里面寫onload2.在腳本里面寫內容來自www.anxorj.tw請勿采集。


  • 本文相關:
  • jquery按需加載輪播圖(web前端性能優化)
  • jquery使用easyui tree異步加載json數據(生成樹)
  • 如何解決jquery easyui 已打開tab重新加載問題
  • 關于 jquery easyui異步加載tree的問題解析
  • jquery生成假加載動畫效果
  • jquery.lazyload 實現圖片延遲加載jquery插件
  • jquery.lazyload.js修正版下載,實現圖片延遲加載插件
  • jquery頁面加載初始化常用的三種方法
  • jquery實現頁面加載效果
  • 詳解jquery lazyload 懶加載
  • bootstrap按鈕標簽及基本樣式
  • 用jquery 實現的自定義對話框
  • jquery添加新內容的四個常用方法分析【append,prepend,after,
  • jquery快速高效制作網頁交互特效
  • jquery each()方法的使用方法
  • raphael一個用于在網頁中繪制矢量圖形的javascript庫
  • jquery對象和dom對象的區別分析
  • jquery懸浮提示框完整實例
  • jquery實現的角色左右選擇特效
  • jquery 在光標定位的地方插入文字的插件
  • 如何讓jquery在頁面加載的時候自動調用某個函數
  • 頁面用jquery的load()方法加載新頁面之后怎么返回上一頁
  • jquery在主頁面加載別的頁面的問題
  • 頁面用jquery的load()方法加載新頁面之后怎么返回上一頁
  • jquery中load方法加載頁面出現問題,哪位大神指導一下!
  • jQuery怎么加載一個html頁面到我指定的div里面
  • 怎樣用jquery在div中加載頁面
  • jquery,哪個方法能在頁面加載完,最后執行
  • jQuery怎么加載一個html頁面到我指定的div里面
  • 怎么重新加載頁面使用jquery
  • 網站首頁網頁制作腳本下載服務器操作系統網站運營平面設計媒體動畫電腦基礎硬件教程網絡安全yui.ext相關prototypejqueryangularjsjsonlib_jsjs面向對象extjsmootoolsseajsdojovue.jsbackbone.js其它首頁javascriptjavascript類庫jqueryjquery按需加載輪播圖(web前端性能優化)jquery使用easyui tree異步加載json數據(生成樹)如何解決jquery easyui 已打開tab重新加載問題關于 jquery easyui異步加載tree的問題解析jquery生成假加載動畫效果jquery.lazyload 實現圖片延遲加載jquery插件jquery.lazyload.js修正版下載,實現圖片延遲加載插件jquery頁面加載初始化常用的三種方法jquery實現頁面加載效果詳解jquery lazyload 懶加載bootstrap按鈕標簽及基本樣式用jquery 實現的自定義對話框jquery添加新內容的四個常用方法分析【append,prepend,after,jquery快速高效制作網頁交互特效jquery each()方法的使用方法raphael一個用于在網頁中繪制矢量圖形的javascript庫jquery對象和dom對象的區別分析jquery懸浮提示框完整實例jquery實現的角色左右選擇特效jquery 在光標定位的地方插入文字的插件jquery加載頁面的方法(頁面加載完jquery判斷checkbox是否選中的3種jquery 綁定select標簽的onchangjquery獲取復選框被選中的值jquery獲取和修改img的src值的方jquery $(document).ready() 與wjquery判斷radio(單選框)是否選jquery 將disabled的元素置為enajquery中獲取id值方法小結jquery判斷元素是否隱藏的多種方jquery實現簡單的手風琴效果jquery css函數用法(判斷標簽是否擁有某屬jquery中設置form表單中action值的實現方jquery實現的簡單動態添加、刪除表格功能詳談ajax請求中的async:false/true的作用easyui框架 使用ajax提交注冊信息的實現代jquery+json實現動態商品內容展示的方法基于jquery實現仿51job城市選擇功能實例代jquery 定時局部刷新(setinterval)10分鐘學會寫jquery插件實例教程
    免責聲明 - 關于我們 - 聯系我們 - 廣告聯系 - 友情鏈接 - 幫助中心 - 頻道導航
    Copyright © 2017 www.anxorj.tw All Rights Reserved
    陕西快乐10分下载