`
ch_kexin
  • 浏览: 898799 次
  • 性别: Icon_minigender_2
  • 来自: 青岛
社区版块
存档分类
最新评论

页面自动执行(加载)js的几种方法

 
阅读更多

一、JS方法
1.最简单的调用方式,直接写到html的body标签里面:

<html> 
    <body onload="load();">
    </body> 
</html>

 2.在JS语句调用:

<script type="text/javascript">
    function myfun()   {    
        alert("this window.onload");   
    }   
    /*用window.onload调用myfun()*/ 
     
    // 不要括号
    window.onload = myfun;
</script>

 3。Js调用 onload方法 

<script type="text/javascript">
    window.onload = function(){
        func1();
        func2();
        func3(); 
    }
</script>

 二、JQ方法

 

1.整个页面的document全部加载完成以后执行。不幸的这种方式不仅要求页面的DOM tree全部加载完成,而且要求所有的外部图片和资源全部加载完成。更不幸的是,如果外部资源,例如图片需要很长时间来加载,那么这个js方法执行感觉就比较慢了。也就是说这是一种最严谨的页面加载完再执行方法的方法。

window.onload =function() { 
    $("table tr:nth-child(even)").addClass("even"); 
    //这个是jquery代码 
};

 2.仅只需要加载所有的DOM结构,在浏览器把所有的HTML放入DOM tree之前就执行方法。包括在加载外部图片和资源之前。

$(document).ready(function() { 
    //任何需要执行的js特效
    $("table tr:nth-child(even)").addClass("even"); 
});

 有一种灰常简便的写法:

$(function() { 
    $("table tr:nth-child(even)").addClass("even"); 
    //任何需要执行的js特效
}

 

分享到:
评论

相关推荐

    Javascript刷新页面的几种方法

    本文将详细介绍几种常见的使用JavaScript刷新页面的方法,并解释它们的工作原理。 #### 1. 使用`history.go(0)` `history.go(0)`会重新加载当前文档。这个方法与`location.reload()`的效果相同,但它的实现方式...

    页面加载事件、页面定时任务

    为了使定时任务在页面加载时自动执行,可以在页面加载事件中调用定时任务函数: ```javascript $(function() { getCount(); // 页面加载时执行一次 }); ``` 这样一来,当页面加载时会自动执行一次`getCount`...

    多种方法实现当jsp页面完全加载完成后执行一个js函数

    在网页开发中,有时我们需要确保页面完全加载后再执行某些JavaScript函数,这有助于保证操作的正确性和用户体验。在JSP页面中,实现这个需求有多种方式。以下将详细讲解标题和描述中提到的几种常见方法: 1. **使用...

    javaScript 页面自动加载事件详解

    在现代网页开发中,JavaScript 页面自动加载事件是确保页面内容正确加载并且能够及时与用户交互的重要手段。这些事件能够在页面加载的不同阶段触发相应的JavaScript函数,从而执行必要的操作。 首先,我们要了解的...

    JS当前页面和框架自动刷新的方法

    在探讨“JS当前页面和框架自动刷新的方法”这一主题时,我们主要关注的是如何利用JavaScript来实现网页及其框架内的页面自动或手动刷新的功能。本文将深入解析提供的代码示例,并详细阐述各种刷新方法的工作原理及...

    js 关闭窗口和关闭页面的几种方法

    本文将详细介绍几种常用的JavaScript关闭窗口和页面的方法。 #### 1. 使用`window.close()`方法 这是最直接的方法之一,可以直接调用`window.close()`来关闭当前窗口。 ```javascript function closeWindow() { ...

    同步加载JS文件Demo

    "同步加载JS文件Demo"就是为了解决这一问题而设计的示例。 同步加载JavaScript意味着浏览器会暂停HTML解析,直到当前的脚本加载并执行完毕才会继续。这种方式保证了依赖关系的正确性,但可能会阻塞页面的渲染,如果...

    JavaScript实现当网页加载完成后执行指定函数的方法

    通过上述几种方法,开发者可以根据具体需求选择合适的方式来实现功能。无论是直接绑定函数还是动态添加事件监听,最终目的都是确保在页面加载完成时执行必要的初始化操作,如动态加载额外的资源、初始化第三方库、...

    自动刷新页面+自动跳转和关闭

    **自动刷新页面**是指网页在设定的时间间隔后自动重新加载自身的过程。这一功能可以通过多种技术实现,包括HTML元标签(`&lt;meta&gt;`标签)、JavaScript等。 ##### HTML元标签 HTML中的`&lt;meta&gt;`标签可以通过设置`...

    JS控制div跳转到指定的位置的几种解决方案总结

    本文介绍了几种使用JavaScript实现页面滚动到指定div位置的解决方案。这些方法主要包括锚点法、jQuery的animate方法、window.scrollTo方法和scrollIntoView方法。下面将详细解析每种方法的原理、使用方法及优缺点。 ...

    javaScript和jQuery自动加载简单代码实现方法

    在此之前我们给大家整理过用javaScript和jQuery自动加载的几种方法,大家可以参考一下:javaScript 页面自动加载事件详解 一、JavaScript自动加载 ①在文本中用onload: 当页面中所有内容(包括图片)加载完后再执行...

    页面自动刷新代码大全

    下面将详细介绍页面自动刷新的几种常见方法。 1. HTML Meta标签刷新: HTML中的Meta标签可以设置页面在指定时间后自动刷新。在`&lt;head&gt;`标签内添加如下代码: ```html 秒数;URL=页面地址"&gt; ``` 这里的`秒数`是页面...

    三秒后自动跳转页面

    在网页设计和开发中,"三秒后自动跳转页面"是一种常见的技术手段,用于在特定条件下引导用户从当前页面转移到另一个页面。这种技术在多种场景下被广泛使用,例如错误处理、信息提示或者更新页面内容。下面我们将深入...

    页面加载的Loading效果

    在网页设计中,用户体验是至关重要的,而页面加载的Loading效果正是提升用户体验的一种方式。Loading效果,也称为加载动画,通常在用户等待网页完全加载时显示,以告知用户页面正在处理并请求他们的耐心。这种视觉...

    webBrowser执行js的方法,并返回值,c#后台取值的实现

    这一点在button2_Click方法中没有特别的处理,因此,在实际应用中,可能需要判断页面是否加载完成,或者使用DocumentCompleted事件来确保执行JavaScript代码时页面已经是可交互的状态。 此外,这段代码示例也涉及到...

    Chrome插件开发--后台监控网页并自动刷新,点击页面元素

    Chrome插件,全称为Chrome浏览器扩展,...对于那些需要定期检查网页变化或自动执行一些重复操作的用户来说,这样的插件非常实用。如果你对开发自己的Chrome插件感兴趣,可以从这个案例开始学习,逐步探索更多高级功能。

    .net页面刷新方法

    另一种方法是通过JavaScript来实现页面刷新,这通常用于在客户端执行刷新操作。例如: ```csharp private void Button2_Click(object sender, System.EventArgs e) { Response.Write("&lt;script language=...

    瀑布流加载模式样例

    瀑布流加载模式,又称Masonry加载,是一种常用于图片展示或内容列表的网页设计技术,其特点是内容元素在页面上自适应地排列成类似瀑布的布局,每列的高度不固定,随着新内容的加载,页面会自动调整布局,使得内容...

    js方式的页面跳转

    本文将详细介绍几种常见的JavaScript页面跳转方法及其应用场景。 #### 二、知识点详解 ##### 1. `window.location.href` 方式 `window.location.href` 属性用于获取或设置当前文档的URL。当我们将它的值设置为一个...

    ajax的动态加载

    Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。这种技术的核心在于利用JavaScript异步地与服务器进行通信,从而提高了用户体验,使得用户在等待数据加载时...

Global site tag (gtag.js) - Google Analytics