如何使用javascript在iframe中显示html文件_Javascript

如何使用javascript在iframe中显示html文件

javascript

如何使用javascript在iframe中显示html文件,javascript,Javascript,我这里有一个目录代码，我想在iframe中显示index.html文件的值。它返回我“页面无法显示”。此代码中只能使用HTML和Javascript <script> function display() { var cake = document.getElementById("type").value; document.getElementById('cakes').src = cake + '\index.html'; } </script> </h

我这里有一个目录代码，我想在iframe中显示index.html文件的值。它返回我“页面无法显示”。此代码中只能使用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>


函数显示（）{
var cake=document.getElementById（“type”）.value；
document.getElementById（'cakes'）.src=cake+'\index.html'；
}
你真可爱


特色蛋糕
成人生日蛋糕
给孩子们的生日蛋糕
结婚蛋糕

假设逻辑和路径定义正确，则需要使用正斜杠（

），而不是反斜杠，如下所示：

document.getElementById('cakes').src = cake + '/index.html';

还请确保文件与HTML文件位于同一目录中，因此结构应为：

```
main.html
```
```
special/
```
- ```
index.html
```
```
成人/
```
- ```
index.html
```
```
kids/
```
- ```
index.html
```
```
婚礼/
```
- ```
index.html
```

文件位于每个子文件夹中。e、 g.\website\special\index.html main.html位于“\website”文件夹是的，我就是这么想的。如上所述，使用前斜杠可以解决您的问题。使用CSS:

iframe{width:100%；height:500px}

。