prototype dom ready方法

最新推荐文章于 2021-05-18 14:56:13 发布

原创最新推荐文章于 2021-05-18 14:56:13 发布 · 508 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#dom ready #prototype #Prototype

prototype学习日记专栏收录该内容

2 篇文章

订阅专栏

本文介绍了 Prototype JavaScript 框架中的 DOMReady 方法，该方法确保页面完全加载后才执行特定的 JavaScript 代码。通过示例代码展示了如何使用此方法来隐藏页面上的所有 a 标签。

dom ready方法就是在页面加载完毕后，执行某个写好的prototype代码。

官方示例为：

document.observe("dom:loaded", function() {
  // initially hide all containers for tab content
  $$('div.tabcontent').invoke('hide');
});

测试代码为：

<html>
<head>
<title>标题</title>
<script type="text/javascript" src="js/prototype.js"></script>
</head>
<script type="text/javascript">
document.observe("dom:loaded", function() {
$$('a').each(Element.hide);
});
</script>
<body>
<p>If you click on me, I will disappear.</p>
<a href="#">some time you do not know me</a>
<a href="#">some time you do not know me 2</a>
</body>
</html>

这段测试代码的意思是，页面加载完毕后，将所有标签a都隐藏掉。

没有这个dom ready方法，代码不会在页面加载完毕后执行，这个方法是多么的重要啊。

转载标明出处