Mit Hilfe von Javascript ersetzen von Text in HTML-Tags mit innerHTML und Funktionen

Ich versuche zu ändern, wird der text in einem h1-tag mit dem element id "Gruß" und eine externe java-script. Ich habe Probleme, um herauszufinden, wie rufe meine Funktion init, die erhobenen Variablen und verwenden Sie Sie in die nächste Funktion. Heres was ich habe, so weit.

HTML 

 <head>

    <title>Matt Beckley</title>
    <script type="text/javascript" src="script1.js"></script>
</head> 

<body>

 <h1 id="greeting">Welcome!</h1>

 </body>
</html>

DEM SKRIPT, WO DAS PROBLEM IST!

 window.onload = init;

 function init() 
 {
 var fullname=prompt("Please Enter you name!","Anonymous ");
(fullname == "Anonymous")? "Anonymous " : "";

 var nickname=prompt("Please Enter you nickname!"," None");
 (nickname == "None")? " None": ""; 
 }

 function writeGreeting()
 {
    document.getElementById("greeting").innerHTML= ?????????
 }

So, ich weiß nicht wie man die Letzte Funktion arbeiten, so dass der h1-tag zeigt einen Namen und einen Nicknamen. w3schools zeigt nur "Streicher" und nicht die Möglichkeit zum Aufruf der anderen Funktion. Wer weiß, wie dies zu tun?

InformationsquelleAutor Matt | 2010-01-14
  1. 1

    Wie etwa die Zusammenlegung der init und writeGreeting Funktionen:

    window.onload = init;

function init() 
{
 var fullname=prompt("Please Enter you name!","Anonymous ");
 fullname = (fullname == "Anonymous")? "Anonymous " : "";

 var nickname=prompt("Please Enter you nickname!"," None");
 nickname = (nickname == "None")? " None": ""; 
 document.getElementById("greeting").innerHTML= "Welcome " + fullname + " (" + nickname + ")";
}

    p.s. Kleiner Punkt der Grammatik - Sie möchten wahrscheinlich "Bitte geben Sie Ihren Namen ein", anstatt "Bitte Geben Sie den Namen", und ebenso für die nickname-Eingabeaufforderung.

    InformationsquelleAutor Dominic Rodger
  2. 1

    Warum nicht .innereText statt?

    • Denn es ist IE-only. Auf anderen aktuellen Browsern können Sie die DOM Level 3 Core-Immobilie textContent statt. Aber ja, Sie definitiv nicht wollen, zu schreiben ohne Umschreibung text innerHTML.
    • Wie oben, innerHTML ist gefährlich: slideshare.net/x00mario/the-innerhtml-apocalypse
    InformationsquelleAutor pencilCake
  3. 0
    //Create two GLOBAL variables
var fullname = "";
var nickname = "";

function init() {
  fullname = /* ... */
  nickname = /* ... */
  //pass the nickname on to the greeting function
  writeGreeting(nickname);
}

//This function is remain separate, if you wish to call it again
//at a later time before a page-refresh.
function writeGreeting(name) {
  document.getElementById("greeting").innerHTML = name;
}
    InformationsquelleAutor Sampson
  4. 0

    Wie etwa wie diese?

    Zeigt es "Willkommen fullname!" oder "Willkommen nickname!" oder "Willkommen Anonym!" wenn Sie nicht, stellen Sie keine.

    function init() {
     var fullname=prompt("Please Enter you name!");
     var nickname=prompt("Please Enter you nickname!");
     writeGreeting(fullname||nickname||"Anonymous");
}

function writeGreeting(name){
    document.getElementById("greeting").innerHTML= "Welcome "+name+"!";
}
    InformationsquelleAutor YOU
  5. 0

    Ich mag Dominic Lösung. Nur Bedenken Sie, dass Sie sollten vorsichtig sein mit allen Daten die von einem Benutzer eingegeben. Ich würde empfehlen, Flucht-string mit escape() - Funktion, bevor Sie Sie verwenden.

    z.B.

    document.getElementById("greeting").innerHTML= "Welcome " + escape( fullname ) +
                                               " (" + escape( nickname ) + ")";
    • Das ist der falsche entkommen, es ist ein JavaScript-spezifische Codierung, die ist ein bisschen wie die URL-Codierung, aber gebrochen. Würde es mangle gemeinsamen Namen Zeichen wie Leerzeichen und Akzente. escape sollte niemals verwendet werden, für nichts. Die richtigen escape-HTML-Codierung, ersetzen von < mit &lt; und & mit &amp;.
    • Ah. Dennoch, Sie haben zu akzeptieren, dass es ist immer noch besser als nichts. 🙂
    InformationsquelleAutor Vladimir Kocjancic
  6. 0

    Versuchen. Getestet mit ie, chrome und ff (alle aktuellen).

    var msg = "Welcome " + fullname + "(" + nickname + ")!";

var greetingElement = document.getElementById("greeting");

if(greetingElement.firstChild == null)
    greetingElement.appendChild(document.createTextNode(msg));
else
    greetingElement.firstChild.nodeValue = msg;
    InformationsquelleAutor gp.
Schreibe einen Kommentar