JavaScript中经常会用到showdiv这样的函数，它的作用是在网页中显示一个隐藏的div元素。hide和show这两个函数早在jQuery时代就常用了，现在ES6的语法也引入了这两个函数，以方便程序员在操作DOM方面的便利。

举一个简单的应用例子，比如在一个网页中，有一个按钮，而当点击这个按钮的时候，需要弹出一个div元素。这时可以用到onClick事件，其代码如下：

<code>function showDiv() {
document.getElementById('hidden-div').style.display = "block";
}</code>

在这段代码中，我们使用了getElementById来获取隐藏的div元素，然后通过设置style属性中的display值来控制它的显示和隐藏。当display的值是“block”时，在网页中就会将该元素显示出来。

下一个例子涉及到了更加复杂的逻辑。比如，在一个网页中有许多组件，但不同用户拥有不同的权限，只有特定用户能够查看关键组件。这时候，我们可以使用js来隐藏或显示这些组件。代码如下：

<code>function showSpecificComp(userType) {
var comp = document.getElementsByClassName('component');
for (var i = 0; i<comp.length; i++){
if (comp[i].getAttribute('data-show') == userType){
comp[i].style.display = "block";
}
else {
comp[i].style.display = "none";
}
}
}</code>

在这个例子中，我们在HTML的模板代码中给每个组件添加了一个自定义属性“data-show”，来表示这个组件的可见性和用户类型的关系。通过调用函数，我们获取到所有的组件元素，然后通过遍历每个元素，判断其“data-show”属性的值是否和传入函数的参数相同，如果相同就显示组件，否则就隐藏组件。

showdiv的使用方法有很多种，但其主要目的都是为了方便程序员来操作HTML/DOM元素，实现更加人性化的网页。无论是实现隐藏/显示元素，还是用来控制网页的动态效果，它都是JavaScript的一个重要函数，值得深入学习。