飞雀教育教你快速掌握JavaScript用法
发布时间：2017-08-12 11:43:21 已帮助：312人 来源：北京飞雀教育
JavaScript是一种轻量级的编程语言，它是可插入HTML页面的编程代码。在HTML5应用中，JavaScript是必学的知识。对于刚接触JavaScript的初学者来说，会觉得JavaScript有些难度，因此，飞雀教育小编整理了JavaScript的用法等知识点，仅供参考。
HTML中的脚本必须位于<script>与</script>标签之间。
脚本可被放置在HTML页面的<body>和<head>部分中。
1、<script>标签
如需在HTML页面中插入JavaScript，请使用<script>标签。
<script>和</script>会告诉JavaScript在何处开始和结束。
<script>和</script>之间的代码行包含了JavaScript。
示例：
<script>
alert("我的个JavaScript");
</script>
2、<body>中的JavaScript
JavaScript会在页面加载时向HTML的<body>写文本。
示例：
<!DOCTYPE html>
<html>
<body>
.
.
<script>
document.write("<h1>这是一个标题</h1>");
document.write("<p>这是一个段落</p>");
</script>
.
.
</body>
</html>
【备注】
上面例子中的JavaScript语句，会在页面加载时执行。
通常，我们需要在某个事件发生时执行代码，比如当用户点击按钮时。
如果我们把JavaScript代码放入函数中，就可以在事件发生时调用该函数。
您将在稍后的章节学到更多有关JavaScript函数和事件的知识。
3、<head>中的JavaScript函数
把一个JavaScript函数放置到HTML页面的<head>部分，该函数会在点击按钮时被调用。
示例：
<!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="我的个JavaScript函数";
}
</script>
</head>
<body>
<h1>我的Web页面</h1>
<p id="demo">一个段落</p>
<button type="button"onclick="myFunction()">尝试一下</button>
</body>
</html>
4、<body>中的JavaScript函数
把一个JavaScript函数放置到HTML页面的<body>部分，该函数会在点击按钮时被调用。
示例：
<!DOCTYPE html>
<html>
<body>
<h1>我的Web页面</h1>
<p id="demo">一个段落</p>
<button type="button"onclick="myFunction()">尝试一下</button>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="我的个JavaScript函数";
}
</script>
</body>
</html>
【备注（针对3和4）】
在HTML文档中放入不限数量的脚本。
脚本可位于HTML的<body>或<head>部分中，或者同时存在于两个部分中。
通常的做法是把函数放入<head>部分中，或者放在页面底部。这样就可以把它们安置到同一处位置，不会干扰页面的内容。
5、外部的JavaScript
外部文件通常包含被多个网页使用的代码。
外部JavaScript文件的文件扩展名是.js。
如需使用外部文件，请在<script>标签的"src"属性中设置该.js文件。
示例：
<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html>
可以将脚本放置于<head>或者<body>中，实际运行效果和在<script>标签中编写脚本完全一致。
注意：外部脚本不能包含<script>标签。
以上就是
北京飞雀教育
小编为您整理飞雀教育教你快速掌握JavaScript用法的全部内容,更多精彩请 在线咨询
也可以拨打咨询电话：
400-888-4846
让在线老师为你详细解答
javaEE+大数据:第五阶段超级课程