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.zgxue.com防采集请勿采集本网。

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.zgxue.com请勿采集。


  • 本文相关:
  • 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.zgxue.com All Rights Reserved