2017-11-11 99 views
0

嗨,我嘗試使用iframe來針對一個按鈕,一個div ..我想了這麼多,但沒有結果......努力的目標按鈕

<html> 
<body> 
    <div id="one"> 
<button type="submit" onclick="ShowResult()" formtarget="result"> Calculate </button> 
    </div> 
    <div id="two"> 
    <iframe name="result"></iframe> 
    </div> 
    </body> 

的javascript:

function ShowResult() 
    { 
    document.write("someword"); 
    } 

這似乎是真的,但當我點擊按鈕,它打開一個空白頁面,顯示什麼在功能..幫助??

+0

將formtarget替換爲目標。 –

+0

不起作用:/ –

回答

0

你缺少了很多,

  • 先不要練"onclick()"了。
  • 其次不再練習"document.write"了。

我重寫代碼,享受..

HTML

<div id="one"> 
    <button type="submit" id="functionThis" formtarget="result"> Calculate </button> 
</div> 
<div id="two"> 
    <iframe id="iframe1" name="result"></iframe> 
</div> 

JS

document.getElementById("functionThis").addEventListener("click", showResult, false); 

function showResult() { 
    var htmlString = "<body>Some Words</body>"; 
    var myIFrame = document.getElementById('iframe1'); 
    myIFrame.src = "javascript:'" + htmlString + "'"; 
} 

小提琴

working fiddle

+0

它沒有爲我工作,但謝謝你.. –

+0

這是在小提琴的工作,我已經在我的本地嘗試過它也工作過。你能告訴我你有什麼錯誤嗎?因爲它在任何地方工作 –