JavaScript 窗口加载函数调用
本文通过一个例子来解释 JavaScript 中 window.onload 方法的用途。一旦浏览器上的页面完成加载，window.onload 函数就会执行以执行任务。
window.onload 功能用法与 HTML 中的示例
window.onload 方法在页面完全加载到浏览器（以及所有图像、样式、脚本和 CDN）时触发。在这里，你可以看到一个 HTML 页面源代码示例，该示例使用 window.onload 方法自动执行以显示警告框。
<html>
<head>
<title>(Window.onload function in HTML)</title>
<script type="text/javascript">
function code(){
alert(" Alert inside code function Window.onload");
}
window.onload=code();
</script>
</head>
<body>
<h1> Graphic Designer Firm </h1>
<p1> A craft of creating visual content to communicate messages.</p1>
</br> <img src = "Graphic-Design.png" height="500px" width="500px" >
</br> <hr width="800">
</body>
</html>
在上面的 HTML 页面源代码中，你可以看到在 doctype html 中使用 JavaScript 的 <script type="text/javascript"> 标记。在下一步中，在 <script> 标签内声明了 function code()。
function code() 被称为 window.onload。当网页完全加载图像和文本内容时，它会显示默认警报对话框。
用几个步骤检查给定的 HTML 代码
按照这四个简单的步骤，可以清楚地了解 window.onload 方法。
-
创建一个文本文档。你可以使用记事本或任何其他文本编辑工具。
-
将给定的代码粘贴到创建的文本文件中。
-
使用
.html扩展名保存该文本文件，并使用任何默认浏览器打开它。 -
你可以看到在完整页面加载后立即弹出的警告框。
查看相同结果的替代方法
你可以通过 body 标签使用替代的 onload 事件来获得警报消息结果。下面是一个使用自动执行来调用包含警告框的函数代码的 body 标签示例：
<script type="text/javascript">
function code(){
alert(" Alert inside code function");
}
</script>
<body onLoad="code()";>
在这两个示例中，body 标签的 onLoad 和 window.onload 具有相同的功能，可以在完成页面加载后执行语句。
相关文章
在 JavaScript 中为一个元素设置多个属性
发布时间：2024/03/19 浏览次数：187 分类：JavaScript
-
本教程向我们展示了如何使用 JavaScript 一次为一个元素设置多个属性。我们将使用 setAttribute() 方法将每个属性及其值添加到元素中，并使用 Object.keys() 和 forEach() 方法来获取对象键的数
HTML Script Type 属性的使用
发布时间：2024/03/19 浏览次数：74 分类：JavaScript
-
本教程展示了 HTML5、HTML 4.01、XHTML 和 VBScripts 中 HTML 脚本类型属性的使用。
在 JavaScript 中使用 Onclick 转到 URL
发布时间：2024/03/19 浏览次数：129 分类：JavaScript
-
在今天的帖子中，我们将学习 JavaScript 中的 onclick 转到 URL。
在 JavaScript 中使用 HTML Canvas 调整图像大小
发布时间：2024/03/19 浏览次数：82 分类：JavaScript
-
在今天的帖子中，我们将学习在 JavaScript 中使用 HTML 画布调整图像大小。
在 JavaScript 中生成随机颜色
发布时间：2024/03/19 浏览次数：150 分类：JavaScript
-
以 JavaScript 内置 Math 函数和 JQuery 库为 UI（用户界面）随机改变 HTML 网页 onClick 背景色为例。
使用 JavaScript 在 HTML5 Canvas 中绘制圆
发布时间：2024/03/19 浏览次数：53 分类：JavaScript
-
在今天的帖子中，我们将学习如何使用 JavaScript 在 HTML Canvas 中创建图形，特别是圆形。
