Javascript中的top是一个非常常用的属性，它可以让我们操作一个窗口或者iframe的顶级窗口。比如我们在iframe中嵌套了一个网页，想要将它的顶级窗口跳转到另一个页面，就可以使用top.location.href="/post/example"，这样就可以跳转到example的页面了。

另外一个应用top的地方就是在多级iframe页面中跳转到最顶级的页面。比如我们嵌套了多级iframe，现在想要在最外层的页面进行跳转，就可以使用top.window.location.href="/post/example"，这样就可以跳转到最外层的页面并加载example的内容。

// 跳转到顶层窗口的另一个页面top.location.href = "/post/example";// 跳转到最外层窗口的另一个页面top.window.location.href = "/post/example";

除了跳转之外，top也可以用于操作顶级窗口的其他属性。比如我们想要修改最外层页面的标题，就可以使用top.document.title="new title"来实现。

// 修改最外层页面的标题top.document.title = "new title";

另外，top还可以用于在当前窗口打开一个新页面。比如我们编写了一个弹窗显示推广信息的脚本，想要在用户点击“查看更多”按钮时，在当前窗口打开一个新页面，就可以使用top.open("example")来实现。

// 在当前窗口打开一个新页面top.open("example");

总的来说，top是一个非常实用的属性，它可以让我们在javascript中轻松地操作一个窗口或者iframe的顶级窗口，实现各种跳转、属性修改等功能。在开发中，我们可以灵活运用这个属性来提高页面的交互性、美观性和用户体验感。