-
2019-08-27 17:07:16
$(document).ready(function(){ trace("初始化方法进入"); }); $(function(){ trace("初始化方法进入二"); }); window.onload=function(){ //要初始化的东西 }
更多相关内容 -
jquery跟js初始化加载的多种方法及区别介绍
2020-12-09 06:43:10jquery和js初始化加载页面的区别: jquery:等待页面加载完数据,以及页面部分元素(不包括图片、视频), js:是页面全部加载完成才执行初始化加载。 1、jQuery 页面加载初始化的方法有3种 ,页面在加载的时候都会... -
js 页面加载初始化方法
2018-10-19 15:37:41jquery和js初始化加载页面的区别 jquery:等待页面加载完数据,以及页面部分元素(不包括图片、视频), js:是页面全部加载完成才执行初始化加载。 js jquery 页面加载初始化方法 一.js 页面加载初始化方法 // ...jquery和js初始化加载页面的区别
jquery:等待页面加载完数据,以及页面部分元素(不包括图片、视频),
js:是页面全部加载完成才执行初始化加载。js jquery 页面加载初始化方法
一.js 页面加载初始化方法
// 1.在body里面写初始化方法. <body οnlοad='init()'> </body> <script type="text/javascript"> function init(){ // 初始化内容 } </script>
// 2.window.οnlοad=function(){} <script type="text/javascript"> window.οnlοad=function(){ // 初始化内容 } </script>
// 3.写初始化方法,页面顺序执行到初始化方法时初始化 <script type="text/javascript"> function init() { // 初始化内容 }; init(); </script>
二.jquery 页面加载初始化方法
// 1.$(function(){}) <script type="text/javascript"> $(function() {// 初始化内容 }); </script>
// 2.$(document).ready(function(){}) <script type="text/javascript"> $(document).ready(function(){ // 初始化内容 }); </script>
-
原生JS页面初始化事件以及Jquery初始化页面加载事件
2017-07-26 10:24:52所以当我们的js代码在html代码下边的时候,可以正常执行,而当我们的js代码在html代码上边的时候,可以就无法正常执行了,这时,我们需要在文档加载完毕的时候才去执行js代码,所以通常我们会这样做: 一、当不引入...HTML是有执行顺序的,默认是自上而下执行。所以当我们的js代码在html代码下边的时候,可以正常执行,而当我们的js代码在html代码上边的时候,可以就无法正常执行了,这时,我们需要在文档加载完毕的时候才去执行js代码,所以通常我们会这样做:
一、当不引入jQuery框架,只写原生JS代码时,需要用window对象的onload事件
window.onload = function(){ //要执行的js代码段 }
(注:在使用时,window.onload可直接简写成onload,但是为了不发生歧义及造成不必要的错误,最好是把window写上)
二、在引入jQuery时,可以有多种写法,这里只列出一种最复杂(其他写法基本都是此种的变形)的,和2种最常见的写法
1、最复杂的一种写法:
;(function($,window,document,undefined){ //要执行的js代码段 })(jQuery,window,document);
(1)、在最开始使用分号的目的是为了防止多个文件压缩合并时,因为其他文件最后一行语句没加分号,而引起合并后的语法错误(如果能确保不会有多个文件压缩合并的情况,可以不写这个分号)
(2)、这就是一个匿名函数的自执行,一般js库都采用这种自执行的匿名函数来保护内部变量
(3)、形参中的$是jQuery的简写,很多方法和类库也使用$,这里$接收jQuery对象,也是为了避免$变量冲突,保证多个插件之间可以正常运行(如果只引入了jQuery这一个插件,可以不写这个)
(4)、实参分别接收window,document这两个对象,window,document这两个对象都是全局环境下的,而在函数体内的window,document其实是局部变量,不是指全局的window,或是document对象。这样做有个好处就是可以提高性能,减少作用域的查询时间(如果在函数体内需要多次调用window,或是document对象,这样把window或是document对象作为参数传进去,是非常有必要的。如果代码中没有用到这两个对象,那么就不需要传这两个参数了)
(5)、使用undefined的原因:
①因为undefined是window的属性,声明为局部变量之后,在函数中如果再有变量与undefined做比较的话,程序就可以不用到window下搜索undefined,可以提高程序的性能
②undefined在有些版本较旧的浏览器是不被支持的,直接使用会报错,js框架就要考虑到兼容性问题,所以增加一个形参undefined
2、比较常用的写法:
$(document).ready(function(){ //要执行的js代码段 });
(注:①在不确定是否只引入jQuery一个js框架的时候,代码中的$可以像复杂写法那样通过参数的形式传递,②代码中的document可省略)
3、最简单的一种写法:
$(function(){ //要执行的js代码段 });
(注:细节情况与上种方法相同,文章内容部分来源于网络,如有侵权,请与博主联系)
-
js页面初始化加载的总结
2017-12-09 11:12:18方法一: $(document).ready(function(){ alert("方法一"); } 方法二: $(function(){ alert("方法二");...使用以上方法需要在jsp页面中引入js /js/jquery-1.11.3.js"> 不使用js function a(){ alert(s); }方法一:
$(document).ready(function(){
alert("方法一");
}
方法二:
$(function(){
alert("方法二");
})
使用以上方法需要在jsp页面中引入js
<script src="<%=request.getContextPath()%>/js/jquery-1.11.3.js"></script>
不使用js
<body οnlοad="a()">
function a(){
alert(s);
}
-
jQuery移动web开发中的页面初始化与加载事件
2020-10-23 05:30:14主要介绍了jQuery移动web开发中的页面初始化与加载事件,是JavaScript移动端页面开发学习中的基础知识,需要的朋友可以参考下 -
JQuery 初始化加载
2022-02-23 21:08:52JQuery 页面初始化 -
js和 jquery 页面加载初始化方法
2018-12-26 17:48:49js初始化方法 1.body 增加onload事件并绑定函数。 // 1.在body里面写初始化方法. &lt;body onload='init()'&gt; &lt;/body&gt; &lt;script type="text/... -
jquery和js初始化加载方法介绍
2017-05-19 13:01:59jquery和js初始化加载方法介绍;jquery $(document).ready() 与window.onload的区别 -
js jquery 页面加载初始化方法
2019-05-27 11:18:35js jquery 页面加载初始化方法 一.js 页面加载初始化方法 // 1.在body里面写初始化方法. <body onload='init()'> </body> <script type="text/javascript"> function init(){ // 初始化... -
jQuery页面加载初始化常用方法
2021-08-06 03:03:02别,看个人喜好了,第二种感觉比较简单明了:第一种:复制代码 代码示例://init method one$(document).ready(function(){trace("初始化方法进入");});function trace(obj){console.log(obj);}firefox 按下f12 调试 为... -
JavaScript初始化加载的3种方式
2014-06-18 13:05:25第一种: window.onload=function(){ alert("初始化加载"); }; 第二种:(winOnload 此方法名自定义) function winOnload() { alert("初始化加载"); }; winOnload(); -
vue中elementui的初始化loading加载信息
2020-12-21 11:28:13* 重置elementui的初始化loading加载信息 */ import {Loading} from "element-ui"; import {DeBounce} from "./debounce.js";//防抖函数后续文章介绍 let Loading = ""; let loadingRequestCount = 0; function ... -
js初始化方式
2022-04-24 13:50:36js初始化方式的三种形式 -
js的初始化---$(function () {//加载后 })
2021-06-13 01:13:29html页面将js引入后 js的洗发如下$(function () { //页面加载后执行方法();...})function iniStat() {//初始化方法 再调用各个当犯法statByCounty();//statByRate();statByShoudNumber();statAlreadyOpenN... -
在通过ajax加载页面/内容后初始化video.js
2021-08-06 10:40:14我目前正在设置infinite scroll的过程中,在我的一个...在通过ajax加载页面/内容后初始化video.js首先,我直接在我的主题中使用videojs代码,它从帖子自定义字段中提取数据,并将帖子ID添加到视频标签ID属性中。... -
jsp页面随页面初始化加载js函数
2016-11-09 01:58:001 1 <%@ page language="java" import="java.util.*" pageEncoding="gbk"%> 2 <html> 3 <head>...教师(学生)登录页面</title> 5 <style type="text/css">... -
div可以初始化加载一个html吗?该如何处理
2021-06-13 10:48:21div可以初始化加载一个html吗?我有一个空的div,想点链接联动。比如右边是产品,左边是产品列表,点左边的链接联动右边。。。可是初始化右边没东西,又想全部展示。。。$(document).ready(function(){$("#conright")... -
JQuery页面初始化加载函数的三种写法。
2020-09-24 12:23:101.初始化加载方法一: <script type="text/javascript"> **$(functon(){ trace("初始化进入方法一") })** function trace(obj){ console.log(obj); } </script> -
VUE学习(二)-VUE初始化加载流程
2020-11-21 19:29:12这里主要要讲述五个文件-index.html、main.js、App.vue、index.js(router目录下)、HelloWorld.vue ... 1.首先加载index.html文件 2.然后main.js会渲染index....会加载index.js中配置的路由页面 4.index.js默认配置的是H -
JavaScript 初始化函数 以及加载顺序
2018-08-13 15:53:26加载顺序 ;(function(){}()); > $(function()function()) > window.onload <!DOCTYPE html> <html> <head> <meta charset="UTF-8"... -
jquery和js初始化加载页面的区别:
2018-09-04 16:02:22jquery和js初始化加载页面的区别: jquery:等待页面加载完数据,以及页面部分元素(不包括图片、视频), js:是页面全部加载完成才执行初始化加载。 1、jQuery 页面加载初始化的方法有3种 ,页面在加载的时候都会... -
js和jq初始化加载的方式
2019-05-12 20:31:12一、js初始化加载方式 在body中初始化加载 <body onload="functionName()"></body> <script> function functionName(){ alert("我是在body中初始化加载方法"); } </script> 通过window.... -
使用Vue实现调用接口加载页面初始数据
2020-10-16 02:32:13今天小编就为大家分享一篇使用Vue实现调用接口加载页面初始数据,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧 -
jquery初始化方法总结(四种常见的js页面初始化方法)
2021-02-28 14:53:41jquery初始化方法通常是下面这四种,使用非常的普遍,js初始化是在界面加载完成后执行的一些函数,在使用jquery初始化之前需要在标签内引入jquery包,例如:Jquery初始化方法一:$(document).ready(function(){...