Html in html durch javascript

Meine Frage ist ähnlich wie diese
Wie schließen Sie eine HTML-Seite in eine andere HTML-Seite ohne frame/iframe?

Aber die Antworten sind nicht für mich arbeiten. Objekten und iframes erstellt ein Feld mit Scrollbalken, die ich auch nicht möchte, und wenn ich links zu anderen Seiten, möchte ich die gesamte Seite zu verändern, nicht nur das, was im inneren der box.

Diese Anleitung funktioniert nicht

Möchte ich nur html, da dies ist, wie die Webseite gebaut wurde, und wir sind nicht die Neugestaltung von it. Ich bin nur tun dies für content-Modifikation.

Ist es eine schlechte Praxis zu schreiben, ein html-header (oder Fußzeile) in einer javascript-Datei, dann die .js in allen meinen html Dateien?

1. Bearbeiten

Habe ich über 70 verschiedene statische html-Seiten.
Ich will update-Inhalte wie das logo, das Menü, die meta-Beschreibung der Webseite, der text, die Farbe, etc. aber im moment habe ich, um jede dieser Modifikationen 70 verschiedenen Zeiten.

Ich verwendet javascript für den html-Teil des Menüs, da das Menü funktionierte mit javascript sowieso, und die Datei in meinen html-Dateien.

function writeJS(){
    var strVar="";
    strVar += "<body bgcolor=\"#000000\">";
    strVar += "<div class=\"Main_container\">";
    ...
    document.write(strVar);
}
writeJS();

Ich weiß nicht, ob es eine gute oder schlechte Idee, das gleiche zu tun mit diesen tags zum Beispiel.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org
/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" ...

2. Bearbeiten

Obwohl sich der html - /javascript-option haltbar war, haben wir beschlossen, zu investieren in ein paar Tagen gehen wordpress.org Website (billiger und besser auf lange Sicht).

Können Sie etwas näher auf das, was Ihre aktuelle situation ist, was Sie versuchen, zu ändern, und was nicht funktioniert.
 ist SSI, nicht HTML.
Ich bearbeitet meine Frage
Ich dachte, ich würde noch angeben, dass ich versuchte, in Fall, dass jemand es vermuten lässt. Danke

InformationsquelleAutor Catherine | 2013-06-18

1

Dieser Befehl funktioniert nicht bei allen
```

```
...wahrscheinlich wegen SSI nicht aktiviert ist. Vermutlich werden Sie uns sagen, dass dies, weil Sie denken, es würde Ihnen das Ergebnis, die Sie wollen -, was impliziert, dass ein Teil der Frage ist, warum hat es nicht funktioniert? Was hast du denn zu untersuchen?

Ist es eine schlechte Praxis zu schreiben, ein html-header (oder Fußzeile) in einer javascript-Datei, dann die .js in allen meinen html Dateien?

Es geht nicht um schlechte Praxis - es wird nicht funktionieren - Sie können html injizieren von javascript -, sondern Sie müssen javascript code für die Injektion. Auch dies widerspricht Ihrer früheren Aussage:

Möchte ich nur html

Den code, den Sie angegeben haben nicht html injizieren es hängt es. Das problem mit dem Dokument.schreiben ist, dass es nur schreibt, um das Ende des Dokuments input-stream. Und wenn dieser stream ist bereits geschlossen ist, wieder öffnet es und löscht den Inhalt der aktuellen HTML. Es gibt nie einen guten Grund für die Verwendung von document.write(). Bedenken Sie:
```
<html>
   <div id="header">
     <noscript>....</noscript>
   </div>
   <div id="page_specific_content">
   ...
   </div>
   <div id="footer">
     <noscript>....</noscript>
   </div>
 </html>
```
und...
```
 function addHeader()
 {
   var el=document.getElementById("header");
   if (el) {
      el.innerHTML="...";
   }
 }
```
Aber das ist immer noch eine schlechte Art zu schreiben, eine dynamische Internetseite. Auch wenn Sie nicht möchten, ausführen von ASP oder PHP oder PERL oder serverside JS oder.... auf Ihrem Produktionsserver, es würde viel mehr Sinn, zu dfevelop den Einsatz eines geeigneten CMS oder Template system dann kratzen Sie den HTML um eine statische version für die Veröffentlichung.
- Sorry, ich wusste nicht, den Widerspruch. Ich meinte, dass ich Sie nicht verwenden möchten, eine neue Sprache aus, was bereits verwendet (html und javascript). Ich sah, javascript als Sprache zum erstellen von add-ons auf websites, aber ich kann mich auch irren, vielleicht gibt es Webseiten mit javascript die Möglichkeit, andere würden Sie verwenden PHP. Ich bin damit einverstanden, dass dies ist ein schlecht gebaut website, aber es wurde durch eine externe Firma, die existiert nicht mehr. Diese Seite ist nicht wichtig genug, um investieren viel Zeit, um richtig wieder aufzubauen, so viel wie ich möchte.
- Alles, was ich habe ist ein paar Tage zu mindestens sieht es gut aus (Inhalt und css), und ich versuche, zu erleichtern meine Arbeit. Ich habe keine Untersuchung über SSI und ich bin nicht gonna es zu aktivieren, habe ich stattdessen impliziert dies nicht eine Lösung für mich nach dem Versuch es, und die Einsicht, dass dies nicht funktionieren soll. Ich wollte um es kurz zu machen für die Leser, aber ich erkläre es jetzt trotzdem... ich werde versuchen Ihre Lösung. Danke
InformationsquelleAutor symcbean
1

Ja, es ist eine schlechte Praxis. Verwenden Sie das richtige Werkzeug für den richtigen job.

Für die meisten der Dinge, die Sie erwähnen, müssen Sie verwenden Sie ein externes stylesheet (bgcolor in 2013?). Dies wird schon verhindern, dass Sie das ändern 70-Dateien.

Wenn es auch Inhalte, die Sie teilen möchten, zwischen den Seiten, der richtige Weg wäre, um server-side-scripting (z.B. php) gehören.

Einschließlich der client-Seite ist chaotisch und funktioniert nur teilweise. Sie können nur laden, die Dinge, die gehen in den DOM (also nicht, Ihre meta-Informationen oder auf den Kopf element-Inhalt). Plus Ihre Website wird vollständig deaktiviert, wenn ein Benutzer kein javascript aktiviert haben (nicht, dass Häufig in diesen Tagen, aber immer noch).
- In der Tat, aber wie gesagt ich symcbean, die Website wurde von einer externen Firma, die existiert nicht mehr und der Wiederaufbau ist es richtig, ist keine option. Externe css verwendet wurden, aber für einige Elemente, styling geschrieben wurde, in jeder einzelnen Seite. Ich habe auch gebeten, mich über Benutzer javascript deaktiviert. Was ist besser, dies oder das nicht mit javascript?
- Die Frage ist nicht nur die Anschaffungskosten, sondern auch die Wartbarkeit in der Zukunft. Wenn dieses ist ein einmalige, könnte man für so einen hack (aber es ist immer noch ein hack, keine gute Praxis, und das war die eigentliche Frage ist, nehme ich an). Wenn Sie gewährleisten wollen, dass die Seite in Zukunft besser, nur durch beißen Sie und fügen Sie die styling richtig durch die css. Wenn Ihre Website in der php unterstützt, können Sie verwenden Sie es nur für die includes (1. Zeile) und ignorieren, es für etwas anderes. Sie werden nicht einmal bemerken, es ist da.
- Wir entschieden uns für eine wordpress.org site 🙂
InformationsquelleAutor Joeri Hendrickx
1

Denke ich, könnte es zahlreiche Möglichkeiten, dies zu tun:
1. SSI nutzen, wie beschrieben, in die Lösung zu Wie schließen Sie eine HTML-Seite in eine andere HTML-Seite ohne frame/iframe?
2. Wenn Sie php oder ähnlichen Skriptsprachen und fühlen sich komfortabel, dass Sie es verwenden können.
3. Verwenden Sie einfache js-injection mit JQuery oder native JS code. Siehe: https://stackoverflow.com/a/676409/2027264
4. IFrames verwenden, mit etwas CSS, um loszuwerden, scrollbars
5. Verwenden Javascript-Vorlagen(Underscore, backbone und viele andere). Siehe auch: Was Javascript Template Engines, die Sie empfehlen? und http://en.wikipedia.org/wiki/Javascript_templating
Hoffe, das hilft.

InformationsquelleAutor MickJ
1

Bin ich ziemlich sicher, dass die include-Lösung funktioniert nur server-Seite. Haben Sie versucht, das jQuery-Lösung, die auf dieser Seite zur Verfügung? Es scheint zu passen Sie Ihr javascript Anforderung:

Wenn du meinst der client-Seite sind, dann haben Sie JavaScript oder frames.
Einfacher Weg, um zu beginnen, versuchen jQuery
```
$("#links").load("/Main_Page #jq-p-Getting-Started li");
```
Quelle Kommentar.
- Zumindest Attribut alle Ihre Antwort auf den original-Autor: stackoverflow.com/a/676409/3791372
- Mein Kommentar ausdrücklich fest, dass der code wurde von der Seite die er verlinkt, war ich nicht nehmen Kredit für Sie die Lösung. Allerdings werde ich einen update auf direkte link.
InformationsquelleAutor achillesminor

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.