Javascript 什么';这是HTML与lt;头>;及<;车身>;标签?
头部标签和身体标签有什么区别 大多数HTML书籍只“简短地”提到Javascript 什么';这是HTML与lt;头>;及<;车身>;标签?,javascript,html,Javascript,Html,头部标签和身体标签有什么区别 大多数HTML书籍只“简短地”提到和标记……但它们很快就消失了 它们会影响浏览器呈现网页的方式吗 此外,它们是否会影响Java脚本的运行顺序 (我的意思是,如果我在标记中有一个javascript,它会在标记中的另一个javascript之前运行吗?即使在之前也会运行吗?) 这太令人困惑了——我从来没有使用过头/体标签,但我从来没有遇到过任何问题。 但在阅读Jquery教程时,我看到有人建议将一些代码放在标记中,而将其他代码放在标记中 谢谢你 head标记中的内容
和
标记……但它们很快就消失了
它们会影响浏览器呈现网页的方式吗
此外,它们是否会影响Java脚本的运行顺序
(我的意思是,如果我在
标记中有一个javascript,它会在
标记中的另一个javascript之前运行吗?即使
在
之前也会运行吗?)
这太令人困惑了——我从来没有使用过头/体标签,但我从来没有遇到过任何问题。
但在阅读Jquery教程时,我看到有人建议将一些代码放在
标记中,而将其他代码放在
标记中
谢谢你 - head标记中的内容是不应该呈现的:关于页面的信息以及如何处理它
- body标签中的内容是应该显示的内容:实际内容
- 主体中的Javascript在读取和呈现页面时执行
- 在呈现任何内容之前,都会解释头部中的Javascript
当浏览器在加载页面时遇到标记时,会运行这些标记。
不能包含页面内容,只能包含元信息(标题、说明等)、样式和脚本。因此,如果在
中放置
标记,则确保在浏览器开始加载页面内容(必须在
中)之前运行该标记
如果要操纵页面内容,需要确保脚本显示在正在操纵的内容之后。这就是为什么人们选择将脚本放在
的末尾
如果您的代码不整洁(例如,标记没有正确关闭),这可能会导致问题。这就是为什么像jQuery这样的库具有一些功能,可以帮助您在正确的时间运行操作文档的代码。
您可以放置无限数量的
文档中的脚本,您可以
在正文和正文中都有脚本
头部部分同时进行
通常的做法是把所有的
在头部部分中的功能,或在
这一页的底部。这样他们
都在一个地方,而不是
干扰页面内容
头部脚本和身体脚本的主要区别在于,通常喜欢函数的人在文档中使用javascript,而喜欢内联实践的人则大多在文档下面使用javascript
功能性
函数displayDate()
{
document.getElementById(“demo”).innerHTML=Date();
}
我的第一个网页
显示日期
内联
我的第一个网页
document.getElementById(“demo”).innerHTML=Date();
浏览器将处理
中的内容,以准确显示
包含页面使用的字符集、何时刷新、可能需要包含的外部工作表或脚本以及页面信息等内容
只包含面向显示的内容,通常基于HTML
将模型(即信息)和视图(即HTML)分开是很重要的。为什么?稍后,您可能需要更新样式,而不希望每次都在HTML中查找样式。最好将整个文档放在一个地方,在
中,HTML文件有标题和“body”(有效负载)——就像HTTP请求一样
封装文档的内容,而
部分包含元元素,即关于内容的信息。这是(通常)标题、编码、作者、样式等
至于您关于JavaScript的问题:一般来说,JavaScript在加载和解析时进行评估。因此,如果在
部分嵌入JavaScript,则应立即对其进行解析。头标记通常用于导入其他文件并定义未显示的页面属性,如元数据。因此,您可以将网页所需的CSS/Javascript文件放在标题部分,并在页面显示之前加载
body标签是您放置网站中希望显示的部分的位置,如p标签、div等。据我所知: 标题部分中的JavaScript通常用于预加载某些文件(通常是程序或函数,视情况而定)。例如,使用Time()或Date()函数的网站需要在网站完全加载之前调用包含这些函数的.js文件,以允许实例在即将使用之前可用(预加载)。这同样适用于其他自定义函数 正文部分的JavaScript主要用于为网站添加额外功能。例如,在自定义.js文件中,函数用于检查输入字符串中单词的正确性,或将输入字符串中输入的所有字符匹配为特定长度 使用这两种约定中的任何一种的缺点是从标题部分调用自定义.js文件(用于网站功能)。这意味着JS文件已经被删除了
<html>
<head>
<script type="text/javascript">
function displayDate()
{
document.getElementById("demo").innerHTML=Date();
}
</script>
</head>
<body>
<h1>My First Web Page</h1>
<p id="demo"></p>
<button type="button" onclick="displayDate()">Display Date</button>
</body>
</html>
<html>
<body>
<h1>My First Web Page</h1>
<p id="demo"></p>
<script type="text/javascript">
document.getElementById("demo").innerHTML=Date();
</script>
</body>
</html>