prototype dom ready方法

75 阅读 0 评论 50 点赞

我是靠谱客的博主苹果口红，最近开发中收集的这篇文章主要介绍prototype dom ready方法，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

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方法，代码不会在页面加载完毕后执行，这个方法是多么的重要啊。

转载标明出处