Question

广泛研究HTML和CSS之后，我才开始学习JavaScript和Python。这是关于JavaScript的。我正在看一本书，要求我在新HTML文档的“正文”部分中的“ div”元素中启动“ script”标签。我正在使用Notepad ++，但我也在Trinket.io上尝试过此操作，但到目前为止，当我在浏览器中“运行”文档时，JavaScript不会显示。 “脚本”位于文档“正文”部分的末尾，直到我将其更改为“标头”部分的末尾以查看是否可行，但不幸的是，它只是不会在浏览器。我将不胜感激。

<!DOCTYPE html>
<html lang="en-GB">
<head>
<meta charset="utf-8">
<title>JavaScript No.1</title>
<style>
#container {
	width: 800px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	font-family: garamond, serif;
	font-size: 16px;
	}

h1 {
	text-align: center;
	}

p {
	text-align: justify;
	}
</style>
<script="text/javascript">
document.write("Hello World!");
<body onload="window alert('Document Loaded');">
</script>
<noscript>JavaScript is not enabled!</noscript>
</head>
<body id="container">
<header><h1>JavaScript No.1</h1></header>

<div class="main">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas interdum bibendum velit non ultrices. Aenean nulla massa, blandit sit amet erat vitae, cursus luctus nisi. Curabitur sed arcu nisi. 
Praesent sed elit sit amet urna vestibulum bibendum. Quisque eleifend ex imperdiet lacus interdum, at ultricies ex porta. Sed ac cursus risus. Ut tempor tellus id mi faucibus, ut varius est dapibus. 
Nunc finibus risus sem. Aliquam felis dolor, tempor eu mi eu, dictum commodo lorem. Suspendisse potenti. Vivamus porta aliquam tempus. Curabitur facilisis velit sed elit elementum congue.</p>

<p>Sed sollicitudin convallis diam, vel feugiat massa. Phasellus congue in libero ac pretium. Nunc volutpat ut lorem maximus eleifend. Mauris tincidunt rutrum dapibus. 
Vestibulum mattis quam est, eget varius erat fermentum eu. Sed a dui ac neque molestie feugiat tempor eu urna. Praesent dictum nulla id dolor viverra viverra ac fermentum nibh. 
Pellentesque ac commodo mauris, at scelerisque felis. Donec maximus efficitur tincidunt. Donec vehicula vel magna ut consequat. Etiam dolor nunc, malesuada non lobortis sed, pretium ac dolor. 
Quisque semper arcu a quam faucibus, sed dictum quam egestas. Proin volutpat quis erat eget sodales. Nunc a rutrum eros.</p>

<p>Vestibulum non nisl sodales, aliquet neque eget, bibendum elit. Proin dapibus elit vitae maximus aliquet. Maecenas pellentesque, nunc in fermentum blandit, purus libero aliquet ligula, aliquam porta justo diam a tellus. 
Aliquam quis malesuada nisl. Curabitur venenatis rhoncus felis, at faucibus mi luctus non. Ut mattis elementum risus at dignissim. Duis tempor tincidunt ligula, a rutrum erat suscipit quis. Phasellus sed eleifend odio. 
Suspendisse feugiat neque a mattis euismod. Fusce nec vestibulum ante, sit amet hendrerit tellus. Nulla ex libero, facilisis vel tellus quis, dapibus cursus nibh. Donec sodales nisl at urna pharetra vulputate.</p>

</div>
</body>
</html>

Answer 1

我已经正确编辑了您的HTML和javascript。

<!DOCTYPE html>
<html lang="en-GB">
<head>
<meta charset="utf-8">
<title>JavaScript No.1</title>
<style>
#container {
width: 800px;
height: auto;
margin-left: auto;
margin-right: auto;
font-family: garamond, serif;
font-size: 16px;
}

h1 {
text-align: center;
}

p {
text-align: justify;
}
</style>
<script type="text/javascript">
document.write("Hello World!");
</script>
<noscript>JavaScript is not enabled!</noscript>
</head>
<body id="container" onload="alert('Document Loaded');">
<header><h1>JavaScript No.1</h1></header>

<div class="main">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas interdum 
bibendum velit non ultrices. Aenean nulla massa, blandit sit amet erat vitae, cursus 
luctus nisi. Curabitur sed arcu nisi. 
Praesent sed elit sit amet urna vestibulum bibendum. Quisque eleifend ex imperdiet 
lacus interdum, at ultricies ex porta. Sed ac cursus risus. Ut tempor tellus id mi 
faucibus, ut varius est dapibus. 
Nunc finibus risus sem. Aliquam felis dolor, tempor eu mi eu, dictum commodo lorem. 
Suspendisse potenti. Vivamus porta aliquam tempus. Curabitur facilisis velit sed elit 
elementum congue.</p>

<p>Sed sollicitudin convallis diam, vel feugiat massa. Phasellus congue in libero ac 
pretium. Nunc volutpat ut lorem maximus eleifend. Mauris tincidunt rutrum dapibus. 
Vestibulum mattis quam est, eget varius erat fermentum eu. Sed a dui ac neque 
molestie feugiat tempor eu urna. Praesent dictum nulla id dolor viverra viverra ac 
fermentum nibh. 
Pellentesque ac commodo mauris, at scelerisque felis. Donec maximus efficitur 
tincidunt. Donec vehicula vel magna ut consequat. Etiam dolor nunc, malesuada non 
lobortis sed, pretium ac dolor. 
Quisque semper arcu a quam faucibus, sed dictum quam egestas. Proin volutpat quis 
erat eget sodales. Nunc a rutrum eros.</p>

<p>Vestibulum non nisl sodales, aliquet neque eget, bibendum elit. Proin dapibus elit 
vitae maximus aliquet. Maecenas pellentesque, nunc in fermentum blandit, purus libero 
aliquet ligula, aliquam porta justo diam a tellus. 
Aliquam quis malesuada nisl. Curabitur venenatis rhoncus felis, at faucibus mi luctus 
non. Ut mattis elementum risus at dignissim. Duis tempor tincidunt ligula, a rutrum 
erat suscipit quis. Phasellus sed eleifend odio. 
Suspendisse feugiat neque a mattis euismod. Fusce nec vestibulum ante, sit amet 
hendrerit tellus. Nulla ex libero, facilisis vel tellus quis, dapibus cursus nibh. 
Donec sodales nisl at urna pharetra vulputate.</p>

</div>
</body>
</html>

如何在浏览器中显示JavaScript

1 个答案: