页面自动加载方法

最新推荐文章于 2022-05-26 16:09:22 发布

原创最新推荐文章于 2022-05-26 16:09:22 发布 · 357 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#function #jquery #window #ViewUI

JQuery 同时被 2 个专栏收录

17 篇文章

订阅专栏

JAVA API

2 篇文章

订阅专栏

本文介绍了不同方式实现页面加载的方法，包括使用Window.onload事件、jQuery的$(document).ready()函数及简化写法，展示了如何确保DOM完全加载后再执行JavaScript代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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

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

示例4：
$(function(){
alert("JQuery 页面间自动加载...");
});

方法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>