标签：doctype 不同的 事件驱动 nbsp ons on() body 分离 执行
JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。
一、使用浏览器运行JavaScript代码
JavaScript采用的格式如下：
JavaScript采用的格式如下： <Script Language="JavaScript"> JavaScript 语句 </Script>
把上述语句放在HTML的<head>与</head>之间，也可放在<body>与</body>之间。
例子、用“记事本”（或其它文本编辑器）建立包含如下内容的HTML文件，文件名为Test01.html，注意文件名中点后面的后缀不要错了，文件内容如下：
1 <html> 2 3 <head> 4 5 <scripttype="text/javascript"> 6 7 document.write("您好，JavaScript欢迎您的到来"); 8 9 </script> 10 11 </head> 12 13 <body> 14 15 <br /> 16 17 这是网页运行JavaScript的例子。 18 19 </body> 20 21 </html>
双击Test01.html文件名运行.
将纯JavaScript的语句另外保存在一个文件名后缀为js的文件中，再调用之。这种方法需要注意被调用文件的路径。
例子：调用test.js文件，显示提示。
先用“记事本”建立一个HTML文件，文件名为Test02.html.
<html>
<body>
调用jsFile.js s文件
<br />
<script language="JavaScript"src=" jsFile.js ">
</script>
</body>
</html>
再用“记事本”（或其它文本编辑器）建立一个js文件，文件名为jsFile.js，注意文件名中点后面的后缀不要错了，文件内容如下：
document.write("您好，JavaScript欢迎您的到来");
将Test02.html和jsFile.js放在同一个文件夹中，双击Test02.html文件名运行.
JavaScript应放网页的哪里
head 部分中的脚本: 需调用才执行的脚本或事件触发执行的脚本放在HTML的head部分中。当你把脚本放在head部分中时，可以保证脚本在任何调用之前被加载。
<html>
<head>
<script type=”text/javascript”>
…
</script>
</head>
body 部分中的脚本: 当页面被加载时执行的脚本放在HTML的body部分。放在body部分的脚本通常被用来生成页面的内容。
<html> <head> … l</head> <body> <script type=”text/javascript”> … </script> </body>
body 和 head 部分可同时有脚本:你可在文件中放无数的脚本，因此你的文件中可以在body和head部分同时存在脚本。
<html> <head> <script type=”text/javascript”> … </script> </head> <body> <script type=”text/javascript”> … </script> </body>
外部脚本的使用
有时候你可能想在几个页面中运行同样的脚本程序， 而不需在各个页面中重复的写这些代码。这时你就要用到外部脚本。你可以把脚本写在一个外部文件中，保存在扩展名为 .js的文件中。注意:外部脚本文件中不要包含标记符<script>。
使用外部脚本时将标记符<script>的“src”属性值指向相应的.js文件就可以了.
<html>
<head>
<script src=”xxx.js”></script>
</head>
<body>
…
</body>
</html>
JavaScript 可以通过不同的方式来输出数据：
使用 window.alert() 弹出警告框。
使用 document.write() 方法将内容写到 HTML 文档中。
使用 innerHTML 写入到 HTML 元素。
使用 console.log() 写入到浏览器的控制台
实例1：aler()弹窗输出
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>alert输出</title>
</head>
<body>
<h1>alert输出</h1>
<script>
window.alert(5 + 6)
</script>
</body>
</html>
实例2：document.write()输出
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>document.write输出</title>
</head>
<body>
<h1>document.write输出</h1>
<script>
document.write(Date());
document.write("Hello,Web!");
</script>
</body>
</html>
实例3：写到HTMl文档
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>写到HTMl文档</title>
</head>
<body>
<h1>写到HTMl文档</h1>
<script>
function myFunction() {
document.write("函数输出");
}
</script>
<button οnclick="myFunction()">点击这里</button>
</body>
</html>
实例4：使用 console.log() 写入到浏览器的控制台
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>使用console.log()写入到浏览器的控制台</title>
</head>
<body>
<h1>console.log()写入到浏览器的控制台</h1>
<script >
a = 5;
b = 6;
c = a + b;
console.log(c)
</script>
</body>
</html>
JavaScrip变量
在编程语言中，变量用于存储数据值。JavaScript 使用关键字var来定义变量， 使用等号来为变量赋值，变量之间可以相互操作.
JavaScript函数
为了能够重复引用相同的功能，减少代码的书写和维护的方便，JavaScript提供函数功能，由关键字function引导.
function myFunc(a, b) { return a + b; // 返回a+b结果 }
JavaScript注释（与Java相同）
// 这是代码：单句注释
/* 这是代码 */：多行注释
函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。当调用该函数时，会执行函数内的代码。可以在某事件发生时直接调用函数（比如当用户点击按钮时），并且可由 JavaScript 在任何位置进行调用。
在调用函数时，您可以向其传递值，这些值被称为参数，参数个数不限。
function myFunction(var1,var2) { 代码 }
标签：doctype 不同的 事件驱动 nbsp ons on() body 分离 执行
原文地址：https://www.cnblogs.com/xiaoqiqistudy/p/11204273.html
