2014-02-27 131 views
0

我試圖做一個網站,當圖片被點擊時,文本會出現在它上面。我遇到的問題是,當點擊圖片而不是文字出現時,整個頁面變爲空白。任何想法,爲什麼這是或如何解決它?JavaScript innerHTML創建一個空白頁

HTML:

<html> 

<head> 
    <title>Six Degrees of Seperation</title> 
    <link rel="stylesheet" type="text/css" href="sepstyle.css"> 
</head> 

<body> 

<center><img id="ban" src="pic\banner.png"></center> 

<div id="name"></div> 

<input type="image" id="un" src="pic\unscroll.png" onclick="open()"> 

</body> 

<script type="text/javascript" src="JJs.js"></script> 

</html> 

的JavaScript:

function open(){ 
    var x = "dfs"; 
    document.getElementById("name").innerHTML = x; 
} 
+0

指定var x =「dfs」;以上document.getEl .... – Genus

+0

我做了開關,仍然遇到同樣的問題 – SkippyNBS

+0

總是在javascript close()open()get()中使用唯一的函數名稱,並且會採用其他常用函數名稱。 – Genus

回答

2

你通過門比打開它走?

function open(){ 
    document.getElementById("name").innerHTML = x; 
    var x = "dfs"; 
} 

不,你打開它,比穿行,你正在嘗試你定義它之前使用的變量x。

另一個問題是已經打開已經採取,它意味着window.open()。您需要將其重命名爲其他內容。

function openMessage(){ 
    var x = "dfs"; 
    document.getElementById("name").innerHTML = x; 
} 

<input type="image" id="un" src="pic\unscroll.png" onclick="openMessage();"> 
+0

我做了開關,仍然以空白屏幕結束 – SkippyNBS

+0

@ i5a1ah您的控制檯是否出現錯誤? – dezman

+0

裏面''標籤我有'onclick =「open()」' – SkippyNBS

0

重命名功能

...開放已經定義,打開一個頁面http://devdocs.io/dom/document.open

function openIt(){} 
onclick="openIt()" 

順便說一句:你爲​​什麼使用一個輸入類型的圖像,而不是一個?

+0

輸入類型圖像就像一個提交按鈕。 它會提交一個表單並重定向到給定的頁面()。您沒有表單標籤,因此它會重定向到空白頁面。 http://de.selfhtml.org/html/formulare/formularbuttons.htm#grafische – dsuess

相關問題