window.onload() 等待所有的数据加载都完成之后才会触发

最新推荐文章于 2021-08-05 12:42:14 发布

weixin_33924770

最新推荐文章于 2021-08-05 12:42:14 发布

阅读量855

点赞数

文章标签： xhtml python c#

本文通过一个简单的HTML页面示例介绍了如何使用JavaScript为页面中的多个段落元素添加点击事件，当用户点击这些段落时会触发相应的事件处理函数。

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
window.onload = function(){//页面所有元素加载完毕
    var items = document.getElementsByTagName("p");//获取页面中的所有p元素
    for(var i=0;i < items.length;i++){    //循环
        items[i].onclick = function(){  //给每一个p添加onclick事件
            //doing something...
            alert("suc!");
        }
    }
}
</script>
</head>
<body>
<p>测试1</p>
<p>测试2</p>
</body>
</html>