JS学习笔记（第一天）

最新推荐文章于 2024-10-07 09:24:46 发布

红中马喽

最新推荐文章于 2024-10-07 09:24:46 发布

阅读量310

点赞数 4

文章标签： javascript 学习笔记

本文链接：https://blog.csdn.net/2403_87169202/article/details/142597500

版权

js介绍

js是javaScript的简称，作用是实现页面和用户的交互

js由浏览器解析运行，不需要编译

js由es基础语法，bom浏览器相关，dom文档操作相关三大部分组成

js权威网站:http://developer.mozilla.org/zh-CN/docs/Web/javaScript

js书写位置

内部javaScript直接写在html文件里，用script标签包裹

规范：script标签写在/body上面

注意事项：script标签放HTML文件底部附近是因为浏览器会按照代码在文件中的顺序加载，如果先加载script的内容可能会由于HTML还未加载而失去效果，因此通常将script代码放html页面底部是最好的。

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <!-- 内部js -->
  <script>
    // 弹出警示
    alert('你好,js~')
  </script>
</body>

</html>

外部javaScript代码通常写在.js结尾的文件里

语法：通过script标签，引入html界面

注意事项：script标签中间无需写代码，否则会被忽略，外部JavaScript会让代码更加有序，更有利于重复使用，而且没有了脚本的混合，html更易读。

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <!-- 外部引用方式 -->
  <script src="/测试/my.js"></script>
</body>

</html>

alert('我是外部的js')

内联JavaScript代码写在标签内部

语法：仅供参考

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <button onclick="alert('逗你玩')">点我小江年薪百万</button>
</body>

</html>