编程 Javascript

javaScript 页面自动加载事件详解

Posted in Javascript onFebruary 10, 2014

方法1：

 Window.onload=function(){
   Var name=document.getElementById(“name”).val();//加载HTML，并且加载外部所有所有的引用文件（图片，css样式，js等）
}

方法2：需要引入Jquery的 .js文件

$(document).ready(function(){
         alert("JQuery的第一个入门案例");//加载HTML，不需等待，立即加载
});

方法3： ( 等同于方法2 )

jQuery(function (){
       if($("input[name='message']").val()!="")
           alert($("input[name='message']").attr("value"));
});

方法4 ：(等同于上)

$(function (){
    alert("JQuery 页面自动加载时执行 1 ....");
 });

方法5-1：window.onload事件的加载(页面加载时同时加载多个函数...)

<html>
    <body onload="function1(),function2(),function3()">
   </body>
</html>
<script >
 function1(){
 }
function2(){
}
function3(){
}
</script>

方法5-2：window.onload事件的加载(页面加载时同时加载多个函数...)

<html>
    <body>
    </body>
<html>
<script>
   function1(){
   }
   function2(){
   }
   function3(){
   }
   window.onload=function(){
    function1();
    function2();
    function3();
   }
</script>

javaScript 页面自动加载事件详解

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

js报$ is not a function 的问题的解决方法

Jan 20 Javascript

javascript/jquery获取地址栏url参数的方法

Mar 05 Javascript

js类定义函数时用prototype与不用的区别示例介绍

Jun 10 Javascript

JavaScript获取function所有参数名的方法

Oct 30 Javascript

利用JS提交表单的几种方法和验证(必看篇)

Sep 17 Javascript

node.js 用socket实现聊天的示例代码

Oct 17 Javascript

Vue项目添加动态浏览器头部title的方法

Jul 11 Javascript

微信小程序实现tab页面切换功能

Jul 13 Javascript

基于js Canvas实现二次贝塞尔曲线

Dec 25 Javascript

vue页面引入three.js实现3d动画场景操作

Aug 10 Javascript

JS Canvas接口和动画效果大全

Apr 29 Javascript

JS前端使用canvas实现扩展物体类和事件派发

Aug 05 Javascript

页面图片浮动左右滑动效果的简单实现案例

Feb 10 #Javascript

点击弹出层效果&弹出窗口后网页背景变暗效果的实现代码

Feb 10 #Javascript

使用js实现关闭js弹出层的窗口

Feb 10 #Javascript

javascript创建createXmlHttpRequest对象示例代码

Feb 10 #Javascript

js实现省市联动效果的简单实例

Feb 10 #Javascript

js+div实现图片滚动效果代码

Feb 10 #Javascript

javascript实现数字验证码的简单实例

Feb 10 #Javascript