页面自动加载javascript的方法

经常用到的有三种:

1、写在HTML部分:

直接写到body标签中,例:

<body onload=函数名()></body>

2、写在javascript部分,例:

<script type="text/javascript">

window.onload=function(){

 fun1();

 fun2();

 fun3();

}

</script>

3、jQuery方法

$(document).ready(function(){    这里是要实现的功能代码;   })

另外,JavaScript这种加载方法比较慢,如果要加载外部资源比如图片等将会拖慢页面执行的速度

时间: 2024-10-04 02:51:54

页面自动加载javascript的方法的相关文章

js和jquery页面初始化加载函数的方法及先后顺序

原文:js和jquery页面初始化加载函数的方法及先后顺序 运行下面代码.弹出A.B.C.D.E的顺序:A=B=C>D=E. jquery:等待页面加载完数据,以及页面部分元素(不包括图片.视频), js:是页面全部加载完成才执行初始化加载. <!DOCTYPE html> <html> <head> <title>首页</title> <script type="text/javascript" src=&quo

PHP类的自动加载机制实现方法分析

这篇文章主要介绍了PHP类的自动加载机制实现方法,结合实例形式分析了__autoload方法进行类自动加载操作的相关实现技巧与使用注意事项,需要的朋友可以参考下. 本文实例讲述了PHP类的自动加载机制实现方法.分享给大家供大家参考,具体如下: Test1.class.php <?php class Test1 { public static function test() { echo "hello,world!\n"; } } Test2.class.php <?php

打开jsp页面自动加载多个Action的实现方法

平时我们加载Action的时候都是提交表单,或者点击按钮以后才能发起Action请求. 现在我要实现一个功能:打开一个网站的首页从数据库中立刻读取多条不同表中的数据显示在页面上.这个时候要发起多个Action请求,而且还是要自动发起请求. 实现的效果如图所示: 实现的核心代码如下:利用iframe标签的src指向Action.加载页面的时候会自动加载Action [html] view plaincopy <%@ page language="java" contentType=

自动加载与访问权限

当在页面中创建一个类,这个类在初始化文件中,要引入该类的文件,然后使用自动加载函数__autoload方法每个类的类名和方法名都有一定的规律,便于用自动加载函数随时加载该类,在你在控制页面中创建函数,如果这个函数没有加载,则会吧这个函数的类名当参数传入函数autoload方法中,利用程序自动加载该类 函数: function __autoload($class){ if(strtolower(substr($class,-5))=='model'){ require(ROOT.'Model/'.

PHP PSR4自动加载代码赏析

第一部分是引入自动加载配置文件 1.入口文件:autoload.php里面没什么东西,就是导入ComposerAutoloader主题文件,一般由一个复杂的名字,不过不用担心就是机器随机生成的一个码而已,就是普通的一个类,名字比较长了. require_once __DIR__ . '/composer/autoload_real.php'; return ComposerAutoloaderInitd0a5721608b46fc86f3b980fb0cea37d::getLoader(); 2

打开页面js自动加载的方法

一.js方法: 1.在body标签加onload属性: 例:<body > 2.window.onload方法 例: <script type="text/javascript"> function myfunction(){ alert("自动加载"); } window.onload = myfun();//可不加括号 </script> 二.jQuery方法: 1.window.onload =function() {ale

javaScript和jQuery自动加载方法

一.JavaScript自动加载 ①在文本中用onload: 当页面中所有内容(包括图片)加载完后再执行onload,如下: 1 <body ></body> <!-- 当有一个onload --> 2 <body ></body> <!-- 当有多个onload用分号隔开,依次弹出 2 3 4 --> ②在脚本中用window.onload: 当页面中的所有内容(包括图片)加载完后再执行window.onload,如下: windo

两种动态加载JavaScript文件的方法

两种动态加载JavaScript文件的方法 第一种便是利用ajax方式,第二种是,动静创建一个script标签,配置其src属性,经过把script标签拔出到页面head来加载js,感乐趣的网友可以看下 动态加载script到页面大约有俩方法 第一种便是利用ajax方式,把script文件代码从背景加载到前台,而后对加载到的内容经过eval()实施代码.第二种是,动静创建一个script标签,配置其src属性,经过把script标签插入到页面head来加载js,相当于正在head中写了一个<sc

利用CSS、JavaScript及Ajax实现图片预加载的三大方法

原文:3 Ways to Preload Images with CSS, JavaScript, or Ajax 译文:利用CSS.JavaScript及Ajax实现图片预加载的三大方法 预加载图片是提高用户体验的一个很好方法.图片预先加载到浏览器中,访问者便可顺利地在你的网站上冲浪,并享受到极快的加载速度.这对图片画廊及图片占据很大比例的网站来说十分有利,它保证了图片快速.无缝地发布,也可帮助用户在浏览你网站内容时获得更好的用户体验.本文将分享三个不同的预加载技术,来增强网站的性能与可用性.