html/JS onload的详解

最新推荐文章于 2024-05-17 13:52:13 发布

weixin_30906425

最新推荐文章于 2024-05-17 13:52:13 发布

阅读量389

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/jasonxu19900827/p/5286600.html

版权

等待页面都加载完后再执行

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript">

// window.οnlοad=function(){
// alert(exist("getSpanText"));
// alert(exist("111"))
// }

function loadText(){
　　var spanValue = document.getElementById("getSpanText").innerHTML;
　　alert("spanValue = " + spanValue);
　　alert(exist("getSpanText"));
}
function exist(id){
　　var s=document.getElementById(id);
　　if(s){
　　　　return true
　　}
　　else{
　　　　return false
　　}
}

</script>
</head>
<body οnlοad="loadText()">
　　<span id="getSpanText">Jason</span》
</body>
</html>

页面加载之后立即执行一段 JavaScript：

<body onload="load()">

亲自试一试

浏览器支持

IE	Firefox	Chrome	Safari	Opera

所有主流浏览器都支持 onload 属性。

定义和用法

onload 属性在对象已加载时触发。

onload 常用在 <body> 中，一旦完全加载所有内容（包括图像、脚本文件、CSS 文件等），就执行一段脚本。

HTML 4.01 与 HTML5 之间的差异

无。

语法

<element οnlοad="script">

属性值

值	描述
script	onload 发生时运行的脚本。

JS onload 事件

Event 对象

定义和用法

onload 事件会在页面或图像加载完成后立即发生。

语法

οnlοad="SomeJavaScriptCode"

参数	描述
SomeJavaScriptCode	必需。规定该事件发生时执行的 JavaScript。

支持该事件的 HTML 标签：

<body>, <frame>, <frameset>, <iframe>, <img>, <link>, <script>

支持该事件的 JavaScript 对象：

image, layer, window

实例

在本例中，文本 "Page is loaded" 会被显示在状态栏中：

<html>
<head>
<script type="text/javascript">
function load()
{
window.status="Page is loaded"
}
</script>
</head>

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

</html>

TIY

onload

如何使用 onload 在页面完成加载时在状态栏显示一段文本。

Event 对象

转载于:https://www.cnblogs.com/jasonxu19900827/p/5286600.html

weixin_30906425

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html/JS onload的详解

等待页面都加载完后再执行<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> // window.onlo...
复制链接

扫一扫