https://drywallwiki.com/index.php?action=history&feed=atom&title=JavascriptJavascript - Revision history2026-04-19T14:21:33ZRevision history for this page on the wikiMediaWiki 1.44.3https://drywallwiki.com/index.php?title=Javascript&diff=342&oldid=prevJlebeau81: Created page with "<code><!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>JS Render Example (Original)</title> </head> <body> <h1>Original Page Content</h1> <p>This content will be replaced by JavaScript.</p> <button onclick="renderNewPage()">Render New Page with JavaScript</button> <!-- The script runs after the initial content is loaded but before the new content repla..."2026-01-08T23:20:20Z<p>Created page with "<code><!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>JS Render Example (Original)</title> </head> <body> <h1>Original Page Content</h1> <p>This content will be replaced by JavaScript.</p> <button onclick="renderNewPage()">Render New Page with JavaScript</button> <!-- The script runs after the initial content is loaded but before the new content repla..."</p>
<p><b>New page</b></p><div><code><!DOCTYPE html><br />
<html lang="en"><br />
<head><br />
<meta charset="UTF-8"><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0"><br />
<title>JS Render Example (Original)</title><br />
</head><br />
<body><br />
<h1>Original Page Content</h1><br />
<p>This content will be replaced by JavaScript.</p><br />
<button onclick="renderNewPage()">Render New Page with JavaScript</button><br />
<br />
<!-- The script runs after the initial content is loaded but before the new content replaces it --><br />
<script><br />
function renderNewPage() {<br />
const newHTMLContent = `<br />
<!DOCTYPE html><br />
<html lang="en"><br />
<head><br />
<meta charset="UTF-8"><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0"><br />
<title>JS Render Example (New)</title><br />
<style><br />
body {<br />
background-color: lightblue;<br />
color: white;<br />
font-family: sans-serif;<br />
text-align: center;<br />
padding-top: 50px;<br />
}<br />
</style><br />
</head><br />
<body><br />
<h1>Welcome to the New Page!</h1><br />
<p>This entire page was generated and rendered using a JavaScript string.</p><br />
<p>The original content and button are gone.</p><br />
</body><br />
</html><br />
`;<br />
<br />
// This replaces the entire HTML document structure<br />
// document.documentElement gives you the <html> tag<br />
document.documentElement.innerHTML = newHTMLContent;<br />
}<br />
</script><br />
</body><br />
</html><br />
</code></div>Jlebeau81