2014-04-07 69 views
0

我一直在使用JavaScript觸發標籤來更改幻燈片的多頁滑動頁面。Javascript打印<IFRAME>不顯示內容

所以,我有幾個環節:

<html><head> 
<link rel="javascript" href="script.js"> 
</head><body> 
<a href="javascript:display1()">Slide 1</a> | <a href="javascript:display2()">Slide 2</a> 
<br><span id="display"></span> 
<script src="script.js"></script> 
</body></html> 

兩個環節觸發下面的JavaScript代碼: (假設腳本被稱爲 「的script.js」)

function display1() {document.getElementById('display').innerHTML = '<iframe href="slide1.html"></iframe>';}; 
function display2() {document.getElementById('display').innerHTML = '<iframe href="slide2.html"></iframe>';}; 

除此之外,該唯一的問題是(假設兩個頁面上都有內容),點擊鏈接後它沒有顯示任何內容。正如本是標記代碼:

<span id="display"> 
<iframe href="slide1.html></iframe> 
</span> 

與其中的文件顯示爲:

<span id="display"> 
<iframe href="slide1.html> 
#document 
<html> 
<head></head> 
<body></body> 
</html> 
</iframe> 
</span> 

相反的:

<span id="display"> 
<iframe href="slide1.html> 
#document 
<html> 
<head></head> 
<body><b>Slide 1</b></body> 
</html> 
</iframe> 
</span> 

難道我做錯了什麼?

回答

3

一個iframe沒有href,它有一個src屬性?

.innerHTML = '<iframe src="slide1.html"></iframe>';};