个人中心
文章发布
退出
作者热门文章
- Java 双重比较
- java - 比较器与 Apache BeanComparator
- Objective-C 完成 block 导致额外的方法调用？
- database - RESTful URI 是否应该公开数据库主键？
26
4
我想制作一个包含两个 iframe 的内容页面。一个 iframe 是带有按钮或链接的 float 侧边菜单，而另一个 iframe 实际上包含内容。我希望用户能够单击侧边菜单上的链接，例如“图像”，然后让该链接更改其他 iframe 的内容。我还希望菜单的每个标签(图像、主页、阅读)的整个单元格在鼠标悬停在它上面时改变颜色。
我已经尝试了很多东西，但这里是代码的基础:
<html>
<head>
<title>Main Content Page</title>
</head>
<body background="background.jpg">
<table>
<th>
<iframe src="sidebar.html" frameborder="no" border="0" scrolling="no" height="750" width="450"></iframe>
<th>
<iframe id ="content" src="" frameborder="no" border="0" scrolling="no" width="600" height="800"></iframe>
</table>
</body>
</html>
然后内容 iframe 的页面无关紧要。侧边栏的代码是:
<html>
<head>
<title>Main</title>
<base target="content">
<style type="text/css">
body{bgcolor: black;}
a{color: white}
a:link, a:visited{background-color: black}
<!--a:hover{background-color: gray}-->
<!--td:hover{background-color: gray}-->
buttons:hover{background-color: gray}
td, th{border:1px solid black; background-color:black;}
table{border:1px solid gray;}
td {font-family: Kunstler Script; color: white; font-size: 72; padding:15px;}
</style>
</head>
<body>
<table align="center">
<tr><div class="buttons"><div><td onclick="target.content.home.href='html'">Home</div>
<tr><div><td onclick="target.content.href='images.html'">Images</div>
<tr><div><td onclick="target.content.href='readings.html'">Readings</div></div>
</table>
</div>
</body>
</html>
现在链接不起作用，但按钮会改变颜色
最佳答案
将 name 属性添加到您的内容 iframe
<iframe name="content" src="" frameborder="no" border="0" scrolling="no" width="600" height="800"></iframe>
将您的onclick 事件更改为
parent.window.frames['content'].location = 'url'
对于一个工作示例，创建 3 个页面。
main.html包含
<iframe src="./1.html"></iframe>
<iframe name="content"></iframe>
1.html包含
<a href="#" onclick="parent.window.frames['content'].location = './2.html'">load</a>
2.html包含
iframe 2 loaded
加载 main.html 后，您会看到第一个 iframe 加载了带有加载链接的 1.html，单击第一个 iframe 中的加载链接，然后将 2.html 加载到其他内容 iframe 中。
关于javascript - 从另一个 iframe 中的链接在 iframe 中加载页面，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8161459/
26
4
0
我正在开发一个需要能够平均三个数字的 Facebook 应用程序。但是，它总是返回 0 作为答案。这是我的代码: $y = 100; $n = 250; $m = 300; $number = ($y
我只是无法弄清楚这一点，也找不到任何对我来说有意义的类似问题。我的问题:我从数据库中提取记录，并在我的网页上以每个面板 12 条的倍数显示它们。因此，我需要知道有多少个面板可以使用 JavaScrip
我是一名优秀的程序员,十分优秀！