prototype dom ready方法

最新推荐文章于 2020-07-07 09:11:41 发布

prototype_ing

最新推荐文章于 2020-07-07 09:11:41 发布

阅读量479

点赞数

分类专栏： prototype学习日记文章标签： dom ready prototype Prototype

本文链接：https://blog.csdn.net/prototype_ing/article/details/8449287

版权

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

2 篇文章 0 订阅

订阅专栏

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

转载标明出处