使用不同的数据(可比较的视图)并排渲染单个jsp / html页面

时间:2016-03-26 06:09:02

标签: javascript angularjs html5 css3 jsp

我们要求在并排视图中显示2个不同的数据。 两侧的两个视图完全相同,只有数据不同。

如何以更好的方式使用javascript实现这一目标? 是否有可重复使用的插件?

任何人都请指教。

1 个答案:

答案 0 :(得分:0)

<pre> <html>
<head>
<script>
function show(shown, hidden) {
  document.getElementById(shown).style.display='block';
  document.getElementById(hidden).style.display='none';
  return false;
}
</script>
</head>
<body>

  <div id="Page1">
    Content of page 1
    <a href="#" onclick="return show('Page2','Page1');">Show page 2</a>
  </div>

  <div id="Page2" style="display:none">
    Content of page 2
    <a href="#" onclick="return show('Page1','Page2');">Show page 1</a>
  </div>

</body>
</html>