无框架的javascript-css

我想构建一个左侧边栏，当您在不使用jquery之类的框架的情况下单击链接时，它会打开右侧div中的内容

你能给我指一下这方面的资源吗。我还没有在Dynamic Drive或Google中找到合适的资源

另外，我需要资源来构建其他javascript和css工具，而不使用框架

---

提前感谢您的帮助。

对于右侧的左侧打开内容，您可以设置左侧链接以更改右侧容器的css，以便可以打开它们，例如：

<a rel="leftlink" onclick="openContent('content-2')>LInk 2</a>

<div id="content-2" class="visibility: hidden">I am a second right content</div>

---

再一次，使用jQuery之类的框架，您将花费更少的时间（因此也更少的钱）…

我假设您希望在右侧有一个iframe，在左侧有一个div，其中包含影响iframe的链接

为此，只需更改iFrame元素的“src”属性。 示例：

var iframelement=document.getElementsByTagName（'iframe'）[0]；
setAttribute（“src”，新页面\源）

您必须将事件附加到链接，并将这些事件附加到iframe元素的属性上。
一些资源：

---

为什么不想使用框架？它们是一组常用的有用代码，开发人员应该重用它们，这样他们就不会每次都重复发明轮子了。你想重新发明自行车（即不使用任何js框架）有什么原因吗？只是好奇…@bluefoot：我猜这是一个从严苛的企业IT传下来的要求P@bluefoot你用自行车打败了我框架仍然很糟糕，即使你用JavaScript伪造它们。虽然这会起作用，但我想建议我自己对需求的解释是，他希望通过单击左侧

div

中的链接将内容加载到右侧

div

。如果愿意，模拟

帧

，而不是使现有元素可见。

function openContent(el_id) {
    document.getElementById(el_id).style.visibility = "visible";
}