<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
object {
display: none;
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p><object type="text/html" data="http://hardocp.com/"></object></p>
<p>
<object type="application/x-shockwave-flash" data="http://www.adobe.com/shockwave/welcome/flash.swf">
<param name="src" value="http://www.adobe.com/shockwave/welcome/flash.swf">
</object>
</p>
<script>var objs = document.getElementsByTagName("object");</script>
<p><button onclick="objs[0].style.display='inline-block';">Show first object</button><br><button onclick="objs[1].style.display='inline-block';">Show second object</button></p>
</body>
</html>