JavaScript是Web的原始脚本语言，在默认情况下，<script>元素包含或引用JavaScript代码。如果要使用不标准的脚本语言，如VBScript，就必须用type属性指定脚本的MIME类型，例如：
<script type="text/vbscript"></script>
type 属性的默认值是 ”text/javascript“。
目录结构如下图所示：<img alt="" data-cke-saved-src="https://img-blog.csdn.net/20170824172304471" src="https://img-blog.csdn.net/20170824172304471" />
下载地址:http://pan.baidu.com/s/1o7Y85Kmhttp://pan.baidu.com/s/1o7Y85Km <!-- 在HTML中嵌入JavaScript脚本的第一种方式中内容如下 -->
<html>
<head>
<meta charset="utf-8" />
<title>在HTML中嵌入JavaScript脚本的第一种方式</title>
</head>
<body>
<!--
1.这是HTML的注释，不是JavaScript注释
2.JavaScript是一种脚本语言，什么是脚本语言?
如果一个编程语言执行的时候不需要进行提前的编译，
该语言的目标程序是以一种‘普通文本’的形式保存，
这种编程语言统一都可以被纳入脚本语言。java不是脚本语言。
脚本语言一般都是遵守自上而下的顺序依次‘解释’执行。
3.需求：
当用户点击‘hello’按钮的时候，执行一段JavaScrip代码
4.JavaScript脚本语言是一种基于事件驱动型的编程语言。
当发生某个特殊的事件之后，调用一段特殊的JavaScript程序。
当然，在JavaScript中有很多事件，其中有一个非常常用的事件，叫做鼠标单击事件，英语单词是click，
在JavaScript当中每一个事件都会对应一个事件句柄，每一个事件句柄的命名规则是：on事件，
也就是说鼠标单击事件click对应的事件句柄是onclick
通常一个‘事件句柄’是一个HTML标签的属性。
5.以下程序的执行原理：
当HTML页面打开的时候，不会执行JavaScript代码
当用户点击hello按钮的时候，发生了鼠标单击事件 ->
此时‘注册’在onclick后面的JavaScript代码会被浏览器自动调用，然后解释执行。
6.JavaScript中有一个内置对象，可以直接拿来使用，该内置对象的名字叫做：window，注意：必须全部小写。
window内置对象代表的是当前浏览器窗口。
7.window内置对象有一个函数叫做：alert("消息");该函数的作用是弹出消息窗口！
8.JavaScript语句也要以“;”结尾，但这不是必须的！[这是一种编程好习惯！]
9.JavaScript中的字符串可以使用单引号或者双引号括起来。
10.window.alert("消息");或者window.alert('消息');或者alert('消息');或者alert("消息");
window可以省略不写！
-->
<input type="button" value="hello1" onclick="window.alert('helloworld!');"/>
<input type="button" value="hello2" onclick='window.alert("HelloWorld!");window.alert("弹目");'/>
<input type="button" value="hello3" onclick='alert("llllllllllllll");'/>
</body>
</html>
<!-- 在HTML中嵌入JavaScript脚本的第二种方式中内容如下 -->
<script type="text/javascript">
alert("<--------");
</script>
<html>
<head>
<meta charset="utf-8">
<title>在HTML中嵌入JavaScript脚本的第二种方式</title>
<script type="text/javascript">
alert("111111");
</script>
</head>
<body>
<!-- 使用脚本块，在脚本块中编写javascript代码 -->
<script type="text/javascript">
//javascript注释在运行阶段不起作用，只是对javascript脚本程序的解释说明。
//javascript单行注释
/*
javascript多行注释
*/
//暴露在脚本块中的javascript代码在浏览器
//打开的时候遵守自上而下的顺序依次解释执行
window.alert("222222");
//alert函数会导致阻塞加载，用户只有点击了弹出框的确认按钮，alert方法才会执行结束。
alert("333333");
</script>
<!-- 这里的按钮什么时候显示？在以上的所有弹出框执行结束之后 -->
<input type="button" value="我是一个小按钮，我在上面所有弹框弹出后显示" />
<!-- 在一个网页中script脚本块的编写位置没有限制，编写数量没有限制 -->
<script type="text/javascript">
alert("444444");
alert("555555");
</script>
</body>
</html>
<script type="text/javascript">
alert("666666");
</script>
<!-- 在HTML中嵌入JavaScript脚本的第三种方式中内容如下 -->
<html>
<head>
<title>在HTML中嵌入JavaScript脚本的第三种方式</title>
<meta charset="utf-8">
</head>
<body>
<!-- 在HTML的任意位置引入外部独立的js脚本文件 -->
<!-- 引入js脚本文件的时候，脚本程序会遵守自上而下的顺序依次解释执行 -->
<!-- 这里的src属性的路径是一个相对路径，相对于当前而言，从当前路径下出发开始找common.js文件 -->
<script type="text/javascript" src="common.js"></script>
<!-- 不要下面这样编写，这样编写当前不会出错，但是影响后续的程序 -->
<!-- <script type="text/javascript" src="my.js" /> -->
<input type="button" value="I'am sky!" />
<!-- 一个js文件可以被引入多次 -->
<script type="text/javascript" src="common.js"></script>
<!-- 除了引入单独的js文件之外，还可以单独编写脚本块 -->
<script type="text/javascript">
alert("单独编写脚本块！");
</script>
<!-- 可以再次引入其他js文件 -->
<script type="text/javascript" src="my.js"></script>
<script type="text/javascript" src="my.js">
//这里不要编写任何程序，不会执行
alert("会不会执行呢？");
</script>
</body>
</html>
文件：my.js 与 文件：common.js 与 文件：在HTML中嵌入JavaScript脚本的第三种方式 在同一路径下
文件my.js中的内容：
window.alert("我是my.js！");
文件common.js中的内容：
window.alert("我爱天空！");
window.alert("我爱海洋！");
window.alert("我爱生活！");
希望对你有帮助，祝你有一个好心情，加油！
若有错误、不全、可优化的点，欢迎纠正与补充；转载请注明出处！
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
