JAVASCRIPT（二）--- 总体把握JS

时间 2019-12-08

原文原文链接

　　js代码的主要做用就是用于事件触发，好比在html中一个按钮须要让它在被点击以后改变整个界面的背景色，咱们就能够使用javascript语句来进行事件处理。javascript

　　如需在 HTML 页面中插入 JavaScript，请使用 <script> 标签。<script> 和 </script> 会告诉 JavaScript 在何处开始和结束。脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。html

　　一般，咱们须要在某个事件发生时执行代码，好比当用户点击按钮时。若是咱们把 JavaScript 代码放入函数中，就能够在事件发生时调用该函数。java

　　JS代码若是写在html中能够放在如下位置上：函数

一、<head> 中的 JavaScript 函数：

<!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>

二、 <body> 中的 JavaScript 函数

<!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>

三、外部的 JavaScript

也能够把脚本保存到外部文件中。外部文件一般包含被多个网页使用的代码。spa

外部 JavaScript 文件的文件扩展名是 .js。如需使用外部文件，请在 <script> 标签的 "src" 属性中设置该 .js 文件：code

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>菜鸟教程(runoob.com)</title>

</head>

<body>

<h1>个人 Web 页面</h1>

<p id="demo">一个段落。</p>

<button type="button" onclick="myFunction()">点击这里</button>

<p><b>注释：</b>myFunction 保存在名为 "myScript.js" 的外部文件中。</p>

<script src="myScript.js"></script>

</body>

</html>

你能够将脚本放置于 <head> 或者 <body>中实际运行效果与您在 <script> 标签中编写脚本彻底一致。orm

myScript.js 文件代码以下：htm

function myFunction()

{

 document.getElementById("demo").innerHTML="个人第一个 JavaScript 函数";

}