Est-il un php echo/print équivalent en javascript

Dire que je veux imprimer html à partir de l'intérieur d'une balise de script.

Une source comme ceci

<div>foo</div>
<script>
print('<div>Print this after the script tag</div>');
</script>
<div>bar</div>

devrait ressembler à quelque chose comme ceci dans le navigateur, une fois le script exécuté

<div>foo</div>
<script>
print('<div>Print this after the script tag</div>');
</script>
<div>Print this after the script tag</div>
<div>bar</div>

Je pourrais écrire mon propre code pour cet objet, mais depuis ce qui me semble une très simple problème, je devine que ce soit j'ai raté quelque chose ou ma pensée est erronée, d'une certaine façon et l'impression est laissée intentionnellement.

Aussi, en quelque sorte liée: je voudrais savoir si un script est (ou peut être fait au courant des balises de script qui l'entourent. Avec cette information, il serait beaucoup plus facile de trouver la position de l'imprimé code html pour être injecté dans, en supposant qu'il n'est pas très déconseillé.

À préciser: je n'ai pas besoin de vous pour écrire une fonction d'impression pour moi. J'ai seulement besoin de savoir si une méthode native pour réaliser cela existe et je l'ai raté ou sinon la raison, il ne devrait pas être fait.

MODIFIER
J'ai réalisé que je ne pense pas que la question par la.

J'ai eu mes faits et maintenant presque tout semble fonctionner. Je devrais avez été mentionné que la fonction d'impression a été nécessaire à l'intérieur de modèles - je suis en train de travailler sur un moteur de template expérience. J'ai réussi à en sortir par la séparation des scripts à partir de html et de la concaténation de la scission html sans scripts avec la sortie de script.

Que j'ai écrit le code, j'ai remarqué que tout n'irais pas lisses en raison de la nature asynchrone de js. Je suppose que je m'attendais à être en mesure de faire toute sorte de js de la magie dans les modèles, tout comme j'ai pu en php. Semble être en fait le soutien async code dans un infaillible de manière à l'intérieur de modèles exigera plus de pensée.

InformationsquelleAutor jpeltoniemi | 2012-11-29

echo javascript

56

Vous devez utiliser document.write()
```
<div>foo</div>
<script>
document.write('<div>Print this after the script tag</div>');
</script>
<div>bar</div>
```
Noter que cela ne fonctionne que si vous êtes dans le processus de rédaction du document. Une fois que le document a été rendue, l'appel de document.write() sera clairement le document et de commencer à écrire un nouveau. Veuillez vous référer à d'autres réponses à cette question si c'est votre cas d'utilisation.
- Oui, c'est bon à noter.
- Ah, j'ai essayé de document.write() dans firebug script du panneau et il est toujours effacé la page avant d'écrire. Il semble fonctionner dans le code de la page. Merci!
- ...et après un peu plus de le tester encore efface la page lorsqu'elle est appelée à l'extérieur de la première page de rendu.
- Oui, exactement. Alors que le document est écrit, document.write écrit en elle. Une fois que c'est fini d'être écrite, document.write crée un nouvelles document et écrit dans que. (Si vous pensez à ce sujet, il est logique que document.write ne peut pas écrire dans un document complet. Le PHP équivalent serait d'appeler echo après que le client a téléchargé la page entière et déconnecté. Bien que je l'avoue, le comportement de la création d'un nouveau document est un peu étrange; il pourrait faire plus de sens pour elle tout simplement de ne pas faire n'importe quoi.)
- Réponse acceptée. Bien que je n'ai pas eu ce dont j'avais besoin, c'était plus proche de l'un suppose que j'étais avec mon accidentellement vague et pas-si-bien pensé à la question. Je mettrai à jour demain.
- -1: à l'Aide de document.write() est une très mauvaise façon d'injecter du contenu dans une page. Il bloque le rendu de la page (ou que vous avez découvert le remet à zéro). Une bien meilleure solution est de mettre le innerHTML d'un span ou div élément.
InformationsquelleAutor Mike Brant
30

Vous pouvez utiliser document.écrire, cependant elle n'est pas une bonne pratique, il est possible d'effacer la totalité de la page dépend du moment où il est exécuté.

Vous devez utiliser Element.innerHtml comme ceci:
```
<div>foo</div>
<span id="insertHere"></span>
<div>bar</div>

<script>
document.getElementById('insertHere').innerHTML = '<div>Print this after the script tag</div>';
</script>
```
- +1 C'est la bonne façon d'ajouter du contenu via JS
- Je sais que c'est un vieux post, mais j'ai trouvé que l'utilisation de document.getElementById('element').innerHTML = 'your changes here'; aussi des œuvres et semble plus simple pour moi (juste au cas où quelqu'un d'autre promenades dans ici à partir d'une recherche sur google comme je l'ai fait..)
- C'est une habitude, je n'aime pas l'écriture de longue déclaration, et en créant une variable je peux ré-utiliser plus tard. Si vous n'avez pas besoin de ré-utiliser l'élément, votre style d'écriture fonctionne très bien.
InformationsquelleAutor Lance
3
```
//usage: log('inside coolFunc',this,arguments);
//http://paulirish.com/2009/log-a-lightweight-wrapper-for-consolelog/
window.log = function(){
  log.history = log.history || [];   //store logs to an array for reference
  log.history.push(arguments);
  if(this.console){
    console.log( Array.prototype.slice.call(arguments) );
  }
};
```
À l'aide de de la fenêtre.journal vous permettent d'effectuer la même action que la console.journal, mais il vérifie si le navigateur que vous utilisez a la capacité d'utiliser la console.journal d'abord, afin de ne pas d'erreur pour des raisons de compatibilité (IE 6, etc.).
- Lol serais au premier alinéa. Malheureusement je n'ai pas besoin de cela pour des fins de débogage.
- La poisse! (Pour les futurs spectateurs: Utiliser, puis à apporter votre console FF, IE, Chrome, frappé F12).
- <Ctrl>+<Shift>+<J> de Chrome est préférable par rapport à <F12> pour moi.
InformationsquelleAutor Lil' Bits
2

Vous pouvez utiliser
```
function echo(content) {  
    var e = document.createElement("p");
    e.innerHTML = content;
    document.currentScript.parentElement.replaceChild(document.currentScript, e);
}
```
qui va remplacer le script en cours d'exécution qui a appelé la fonction echo avec le texte dans le contenu de l'argument.
- cela fonctionne très bien, mais pls de le modifier un peu: docment => document et supprimer des e.hidden = true; MERCI!
- fait.
InformationsquelleAutor Awesomeness01
1

De w3school page sur JavaScript sortie,

JavaScript "affichage" données de différentes façons:

De l'écriture dans une zone d'alerte, à l'aide de la fenêtre.alert().

Écrit dans le code HTML de sortie à l'aide de document.write().

De l'écriture dans un élément HTML, en utilisant innerHTML.

Écrit dans le navigateur de la console, à l'aide de la console.log().

InformationsquelleAutor Max
0

Vous pouvez utiliser document.write ou même console.write (c'est bon pour le débogage).

Mais votre meilleur pari et il vous donne plus de contrôle consiste à utiliser DOM pour mettre à jour la page.

InformationsquelleAutor Ed Heal
0
```
$('element').html('<h1>TEXT TO INSERT</h1>');
```
ou
```
$('element').text('TEXT TO INSERT');
```
- Je ne veux pas être impoli, mais c'est ici un bel exemple de ce que j'ai toujours dit à propos de la façon de jQuery affecte la js codeur de la population. Veuillez mentionner au moins que le code jQuery pour fonctionner.
InformationsquelleAutor Zecrow

c'est une autre façon:

<html>
<head>
    <title>Echo</title>
    <style type="text/css">
    #result{
        border: 1px solid #000000;
        min-height: 250px;
        max-height: 100%;
        padding: 5px;
        font-family: sans-serif;
        font-size: 12px;
    }
    </style>
    <script type="text/javascript" lang="ja">
    function start(){
        function echo(text){
            lastResultAreaText = document.getElementById('result').innerHTML;
            resultArea = document.getElementById('result');
            if(lastResultAreaText==""){
                resultArea.innerHTML=text;
            }
            else{
                resultArea.innerHTML=lastResultAreaText+"</br>"+text;
            }
        }

        echo("Hello World!");
        }
    </script>
</head>
<body onload="start()">
<pre id="result"></pre> 
</body>

InformationsquelleAutor hhaseli

0

//On crée notre propre fonction en js comme echo "Hello world".
```
function echo( ...s ) //write for more detail below
 { 
   for(var i = 0; i < s.length; i++ ) {


    document.write(s[i] + ' '); //quotes for space
   }

 } 

  //Now call to this function like echo

 echo('Hellow', "World");
```
Remarque: ... raffole pour accéder à plus de paramètres dans un objet ou un tableau, pour obtenir la valeur de l'objet/tableau nous devrions itérer l'ensemble de l'objet/tableau à l'aide de boucle ou une autre méthode, mais pour qui est commun, comme ci-dessous et s est le nom que j'ai juste gardé vous pouvez écrire ce que vous voulez.

InformationsquelleAutor BloodyLogic
-1

l('output text example')

après une fois la définition de
```
l=console.log
```
semble bien pour moi de faire un rapide hacksy JS de débogage dans le navigateur de la console.

_{Basé sur @Lil' Bits de réponse – merci!}

InformationsquelleAutor Aaron Thoma

Vous devez vous connecter pour publier un commentaire.

l('output text example')

`l('output text example')`