html事件属性（简略一）

最新推荐文章于 2022-08-08 19:11:46 发布

sworddancing

最新推荐文章于 2022-08-08 19:11:46 发布

阅读量378

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_42419856/article/details/81262229

本文详细介绍了应用于<body>标签的Window事件属性，包括onafterprint、onbeforeprint、onload和onresize等事件的使用示例及应用场景，帮助读者更好地理解和掌握这些事件属性。

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

Window 事件属性

针对 window 对象触发的事件（应用到 <body> 标签）：

HTML onafterprint 事件属性

实例

在设置页面打印且打印对话框已出现之后，执行一段 JavaScript：

<body onafterprint="printmsg()">

printmsg()常用来做打印信息的函数名

<!DOCTYPE html>
<html>
<head>
<script>
function printmsg()
{
alert("此文档现在正在打印！");
}
</script>
</head>

<body onafterprint="printmsg()">

<h1>请试着打印此文档。</h1>
<p><b>提示：</b>键盘快捷键，比如 Ctrl+P 设置页面打印。</p>
<p><b>注释：</b>Internet Explorer 和 Firefox 支持 onafterprint 属性。</p>
<p><b>注释：</b>在 IE 中，onafterprint 属性在打印对话框出现之前而不是之后发生。</p>

</body>
</html>

定义和用法

onafterprint 属性发生于用户设置页面打印并且打印对话框已出现之后。

提示：onafterprint 属性常与 onbeforeprint 属性一同使用。

HTML onbeforeprint 事件属性

实例

在设置页面打印之后但是在打印对话框出现之前执行 JavaScript：

<body onbeforeprint="printmsg()">

<!doctype html>
<html>
<head>
<title>
windows事件属性
</title>
<script>
function printmsg()
{
alert("即将打印该文档！");
}
</script>
</head>
<body onbeforeprint="printmsg()">
<h1>练习这些属性的用法</h1>
<p>windows事件属性,都是用在< body >中的，这点要记住</p>

</body>
</html>

HTML onload 事件属性

实例

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

<body onload="load()">

定义和用法

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

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

<!doctype html>
<html>
<head>
<script>
function load()
{
alert("页面已加载！")
}

</script>
</head>
<body onload="load()">
<h1>onload属性会在页面加载之后立即执行一段函数名为load()的javascript代码段</h1>
</body>
</html>

HTML onresize 事件属性

<body onresize="showMsg()">

定义和用法

onresize 发生于对象被调整大小时。

onresize 常用于浏览器窗口被调整尺寸时。

<!doctype html>
<html>
<head>
<script>
function showMsg()
{
alert("浏览器的窗口尺寸已经改变")
}
</script>
</head>
<body onresize="showMsg()">
<p>请开是改变你的窗口大小</p>
</body>
</html>