Lesson01: 网页脚本语言

勇敢牛牛 2022-09-23 09:01:58 阅读数:774

网页页脚脚本语言lessonlesson01

一、JavaScript的思维导图

在这里插入图片描述

二、下载开发工具

下载GoogleChrome:https://www.google.cn/chrome/
ES6教程连接:https://wangdoc.com/es6/
JavaScript教程连接:https://wangdoc.com/javascript/basic/index.html

三、JavaScript的引入方式

1.内嵌式

  • 定义:内嵌式是使用<script>标签包裹的代码,<script>标签可以写在<head><body>标签中。通过内嵌式,可以将多行JavaScript代码写在标签中。内嵌式是JavaScript最常用的方式。
  • 实例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript内嵌式</title>
<script> alert('内嵌式') </script>
</head>
<body>
</body>
</html>
  • 运行后直接弹出警示框

2.外链式

  • 定义:外链式是指将JavaScript代码写在一个单独的文件中,一般使用“.js”做完后缀名,在HTML页面中使用script标签进行引入,适合代码比较繁琐的情况。
  • 实例:
  • HTML代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript外链式</title>
<script src="outside.js"></script>
</head>
<body>
</body>
</html>
  • outside代码
    在这里插入图片描述

  • 页面打开自动弹出警告框:

3.行内式

  • 定义:行内式是指将单行或少量的JavaScript代码写在HTML标签的事件属性中,也可以是以on开头的属性,比如onclick
  • 实例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript行内式</title>
</head>
<body>
<input type="button" value="点击此处" onclick="alert('行内式')"/>
</body>
</html>
  • 实现单击一个按钮后,弹出一个警示框,显示一些提示信息。
    在这里插入图片描述
  • 注意:
    (1)JavaScript中推荐使用单引号。
    (2)行内式可读性较差,不适合编写大量代码,不方便阅读。
    (3)不适合多层嵌套,一般不推荐使用。

四、注释

1.单行注释

// ,快捷键为Ctrl + /
在这里插入图片描述

2.多行注释

<! --注释内容 --> ,快捷键Ctrl + shift + /
在这里插入图片描述

版权声明:本文为[勇敢牛牛]所创,转载请带上原文链接,感谢。 https://blog.csdn.net/m0_66295378/article/details/126859503