前端- web API-BOM-加载事件onload

最新推荐文章于 2022-02-23 10:04:37 发布

言千

最新推荐文章于 2022-02-23 10:04:37 发布

阅读量251

点赞数

分类专栏：前端文章标签：前端事件加载onload

本文链接：https://blog.csdn.net/yanqianzq/article/details/88240330

版权

前端专栏收录该内容

34 篇文章 0 订阅

订阅专栏

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

//代码是从上到下执行的
//页面加载的时候,按钮还没出现,页面没有加载完毕

//页面加载完毕了,再获取按钮
//只要页面加载完毕,这个事件就会触发-----页面中所有的内容---即标签,属性,文本,包括外部引入js文件都进来之后
// window.οnlοad=function () {
// document.getElementById("btn").οnclick=function () {
// alert("您好");
// };
// };

//很重要，页面加载事件，window可以省略，但是尽可能放到后边的写，假如页面200M，如果在前面就要先下载200M的内容，再加载完毕，用户才能看到内容，这样会使得用户等页面内容，会容易没耐心，放到后面，用户会先看页面内容的时候js加载完毕了，减少用户等待时间耐心值的缺失
// οnlοad=function () {//加载完毕后执行
// document.getElementById("btn").οnclick=function () {
// alert("您好");
// };
// };

//扩展的事件---页面关闭后才触发的事件，谷歌中不支持，IE8支持，认识一下
// window.οnunlοad=function () {
// alert("哈哈");
// };
//扩展事件---页面关闭之前触发的,谷歌中不支持，IE8支持,认识一下
// window.οnbefοreunlοad=function () {
// alert("哈哈");
// };

</script>
</head>
<body>
<input type="button" value="按钮" id="btn"/>
<script src="common.js"></script>
</body>
</html>

言千

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端- web API-BOM-加载事件onload

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>title</title> <script> //代码是从上到下执行的 //页面加载的时候,按钮还没出现,页面没有加载完毕 //页面加载...
复制链接

扫一扫

专栏目录