我这里有一个目录代码，我想显示iframe值的index.html文件。它返回我＆＃34;页面无法显示＆＃34;。此代码中只能使用HTML和Javascript。
<script>
function display() {
var cake = document.getElementById("type").value;
document.getElementById('cakes').src = cake + '\index.html';
}
</script>
</head>
<body>
<center><img src="LOGO.jpg" size=20%></img></center>
<p><center><font face="Brush Script MT" size="32" color="lightblue" valign=middle>YOU'RE SO SWEETS</font></center></p>
<table valign=center>
<tr>
<td><img src="home.png"></td>
<td><img src="product.png"></td>
<td><img src="online.png"></td>
<td><img src="about.png"></td>
<td><img src="contact.png"></td>
</tr>
</table>
<br>
<select id="type" multiple onchange="display()">
<option value="special">Specialty Cakes</option>
<option value="adult">Birthday Cakes for Adult</option>
<option value="kids">Birthday Cakes for Kids</option>
<option value="wedding">Wedding Cakes</option>
</select>
<br>
<iframe id="cakes" src=""></iframe>
答案 0 :(得分：1)
假设您的逻辑和路径定义正确，您需要使用正斜杠（/），而不是反斜杠，如下所示：
document.getElementById('cakes').src = cake + '/index.html';
还请确保这些文件与HTML文件位于同一目录中，因此结构应为：
main.html special/
index.html adult/
index.html kids/
index.html wedding/
index.html