编程 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 相关文章推荐

实例：用 JavaScript 来操作字符串(一些字符串函数)

Feb 15 Javascript

javaScript 简单验证代码（用户名，密码，邮箱)

Sep 28 Javascript

ASP小贴士/ASP Tips javascript tips可以当桌面

Dec 10 Javascript

jQuery支持添加事件的日历特效代码分享（3种样式）

Aug 24 Javascript

纯JS代码实现一键分享功能

Apr 20 Javascript

javascript中利用柯里化函数实现bind方法【推荐】

Apr 29 Javascript

HTML页面,测试JS对C函数的调用简单实例

Aug 09 Javascript

从零开始做一个pagination分页组件

Mar 15 Javascript

three.js中文文档学习之创建场景

Nov 20 Javascript

使用JSON格式提交数据到服务端的实例代码

Apr 01 Javascript

vue中使用gojs/jointjs的示例代码

Aug 24 Javascript

vue框架中props的typescript用法详解

Feb 17 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