(一)JavaScript的基本结构
通常，JavaScript代码是用<script>标签嵌入到HTML文档中。
<script type="text/javascript">
<!--
JavaScript 语句;
-->
</script >
例：
<script type="text/javascript">
<!--
输出一句话
-->
alert（“hello js”）;
</script >
(1) .type:是<script>标签的属性，用于指定文本使用的语言类别是JavaScript.
(2) .:是注释标签。
(二)直接将JavaScript代码嵌入HTML中
在HTML文档中可以使用<script>…</script>标记将JavaScript脚本嵌入到其中。
在HTML文档中的位置可以随意，可以在head标签中，也可以在body标签中
这种方式比较常用，适用于JavaScript代码较少，且网站中的每个页面使用的JavaScript代码均不相同的情况
通常将JavaScript代码放在<head>标签中
(三)链接外部的JavaScript
在实际工作中，有时会希望在若干个页面中运行JavaScript实现相同的页面效果，针对这种情况，通常使用外部JavaScript文件。
外部JavaScript文件是将JavaScript写入一个外部文件中，以*.js为扩展名保存，然后将该文件指定给<script>标签中的”src”属性，这样就可以使用这个外部文件。
image.png
核心代码：
hello.js代码
document.write("使用JavaScript输出Hello World");
document.write("<h1>Hello World</h1>");
export.html
<script type="text/javascript" src="js/hello.js"></script>
注意:
外部文件不能包含<script>标签，通常将扩展名为.js的文件放到网站目录单独存放脚本的子目录中，一般为js，这样容易管理和维护。
点击按钮弹出对话框
例：当单击“弹出消息框”按钮时，弹出提示对话框。
image.png
<input type="button" name="btn" value="弹出消息框" onClick="javascript:alert('欢迎你');"/>
代码中，onclick是单击的事件处理程序，当用户单击按钮时，就会执行“javascript：”后面的JavaScript命令，alert()是一个函数，alert()是一个函数，作用是向页面弹出一个对话框。
网友评论