2016-06-27 12 views
-1

ich gerade diese unterzeichnet, um zu fragen, ein wenig verzweifelt/verrückt hier bekommen:Wie gesamte Web-Seite drehen weiß zunichte zu machen, wenn erfrischend oder auf derselben Website zu neuen Seite navigiert

ich zur Zeit den Aufbau einer Website bin. Ich habe wahrscheinlich in den letzten paar Monaten versucht, dieses herauszufinden, und nichts, was ich darauf finden kann. Bitte denken Sie daran, dass ich extrem amateurhaft bin und nur HTML und CSS verwendet habe. Bitte erläutern Sie die Argumentation, wenn Sie eine Antwort haben. Ich verwende den neuesten Chrome.

Meine Frage ist, wie man den "weißen Blitz" zwischen dem Navigieren zu einer neuen Seite meiner Website ODER beim Aktualisieren der gleichen Seite loswerden. Viele Antworten, die ich gesehen habe, scheinen mit "es ist unmöglich" zu antworten, aber ich weiß, dass es nicht ist !! Weil so ziemlich JEDE Webseite, die ich besuche, wenn ich ctrl + shift + r drücke, die Seite neu geladen wird und ein ZERO weißer Bildschirm erscheint, egal wie oft ich es masche und auffrische, jedes Mal wenn der Hintergrund eine SOLIDE Farbe ohne EVER bleibt Weiß, keine Lücken. Oder wenn es ein Bild ist, bleibt es immer dort und vielleicht dauert das Laden der Buttons oder Texte eine Millisekunde, aber NIEMALS wechselt der Hintergrund zwischen den Ladevorgängen.

Zum Beispiel, hier ist meine Seite, die, wenn Sie Strg + Shift + R wiederholt drücken, Sie die gesamte Seite wird weiß für buchstäblich eine Millisekunde sehen.

http://www.dark-quill.com/testrealm/

Nun, wenn Sie zu dieser Website gehen (entschuldigen Sie die Rohheit), kann ich dort sitzen den ganzen Tag, gleichen Browser, Zerstampfen aktualisieren immer und immer und immer und dass schwarze Hintergrund wird sich nie ändern.

http://maddox.xmission.com/

Auch wenn Sie zu einem anderen Teil der Seite navigieren, bleibt, dass Hintergrund in-Takt. Viele andere Websites tun dies auch, gehen Sie auf Ihre Lieblings-Website und versuchen Sie, Strg + Shift + R ein paar Mal drücken, und mehr als oft nicht sehen Sie nie eine "Lücke" in der Bildschirmfarbe. Dann geh zu meinem und dort ist es jedes Mal.

Es fühlt sich an, dass andere Seiten nur irgendwelche Assets behalten, die es wieder verwenden kann und nur die neuen Sachen lädt. Währenddessen scheint mir der ganze Bildschirm sauber zu werden und dann alles aus dem ersten zu laden.

Alles, was ich frage, ist eine einfache Methode, um die weiße Seite beim Laden zu entfernen. Bitte jemand kannst du mir genau erklären warum das so ist !! Selbst wenn es nur das Hosting oder etwas ist, dann kann ich zumindest meinen Verstand beruhigen !!

PS Ich bin die grundlegendsten HTML und CSS-Markup verwenden, die möglich war, so ist es nichts mit „Code aufzuräumen“ zu tun hat, oder so etwas, dass es kaum etwas auf dieser Seite ist und mein Internet ist blitzschnell. Es muss einen anderen Grund geben.

+0

was Sie wollen anstelle von diesem weißen Blitz? Es gibt mehrere document.ready in Ihrer Seite. Erstellen Sie das DOM auch mithilfe von JavaScript? – brk

+0

Wie ich erklärte, bin ich ein Amateur, ich weiß nicht, was ein DOM ist. Das sind zufällige Codezeilen von den Millionen Websites, die ich besucht habe und die behaupteten, sie könnten das Problem beheben. Ich weiß nicht, was Javascript ist. Statt dieses weißen Blitzes möchte ich nur, dass es schwarz bleibt, was die BG-Farbe im HTML dieser Seite ist. – Enteva

+0

Ihr Website-Hintergrund wird schwarz, nicht weiß, für mich. Chrome & Firefox auf Macbook – slebetman

Antwort

0

es liegt daran, dass wenn Sie die Webseite, wenn der body bgcolor aktualisieren nicht eingestellt werden stattdessen weiße verwenden, versuchen bgcolor zum body Ihres HTML-Code hinzufügen und es wird immer egal schwarz sein, wie oft Sie Ihre auffrischen Seite.

<html> 
<head> 
</head> 
<body BGCOLOR="black"> 
<!-- your content goes here--> 
</body> 
</html> 

Eine weitere Möglichkeit des weißen Flackern beim Laden oder eine Seite zu aktualisieren ist wegen der Verzögerung durch andere Ressourcen wie Hintergrundbilder und Bilder auf der Seite geladen werden. Eine mögliche Lösung ist das Hinzufügen eines onload event auf der body und ein Skript auslösen, die Sichtbarkeit der Seite mainWrapper anzeigen, wenn die Seite vollständig geladen wird.

Um Ihr Problem zu beheben müssen Sie auch vorübergehend können das Hintergrundbild des Körpers zu entfernen und es ist einmal die Seite vollständig Lasten eingestellt.

<html> 
 
<head> 
 
    <script> 
 
    function pageLoad(){ 
 
    document.getElementById('mainWrapper').style.visibility="visible"; 
 
    } 
 
    </script> 
 
</head> 
 

 
    <body bgcolor="black" onload="pageLoad()" > 
 
     <div id="mainWrapper" style="visibility:hidden"> 
 
     <div style="color:#fff">test content</div> 
 
     </div> 
 
    </body> 
 
    </html>

wickeln die Funktion mit Script-Tag <script></script> und legen Sie sie kurz vor dem Ende head-Tag </head> Ihrer html. Sehen Sie den aktualisierten Code und seine Struktur oben.

+0

Danke Allan, aber wenn Sie meine Quelle anzeigen würden Sie sehen, dass die Zeile bereits da ist. Erklärt immer noch nicht, warum nur meine Website so aussieht, andere nicht. – Enteva

+0

Ich habe meine Antwort aktualisiert, um zu sehen, ob die andere Lösung Ihr Problem beheben kann :) –

+0

Hallo, ich danke Ihnen wirklich für Ihre Hilfe. Ich habe versucht, diesen Code einzufügen, aber es hat nicht funktioniert. Ich glaube, ich habe die Zeile eingefügt Funktion pageLoad() { document.getElementById ('mainWrapper'). Style.visibility = "visible"; } an der falschen Stelle. Soll diese Zeile in eine meiner externen CSS-Dateien gehen? Danke noch einmal. – Enteva