JS学习笔记（1）

  1. 目录
    1.前言
    2.JavaScript介绍
    3.JavaScript书写位置
    4.注释
    5.输入与输出语法
    6.变量
    7.小知识
    8.总结（其实是我个人的一点扯皮）

前言

博主的csdn地址：https://blog.csdn.net/2403_87169202
今后会两边同时更新，程序员红中，一个努力分享编程干货的全栈开发者，欢迎各位一起讨论学习

JavaScript介绍

js是javaScript的简称，作用是实现页面和用户的交互，JavaScript是由浏览器解析运行，不需要编译，同时它由es基础语法，bom浏览器相关，dom文档操作相关 三大部分组成

js权威网站:http://developer.mozilla.org/zh-CN/docs/Web/javaScript
各位可以在这个网站上找到大部分JavaScript需要的东西

JavaScript书写位置

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

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

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

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

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

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

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

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

alert('我是外部的js')
内联JavaScript代码写在标签内部

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

注释

单行注释

符号：//

作用：//右边这一行的代码会被忽略

快捷键：ctrl+/

块注释

符号：/**/

作用：在/和/之间的所有内容都会被忽略

快捷键：shift+alt+a

<body>
  <script>
    //这是单行注释
    /* 这是块注释 
    可以换行
    */
  </script>
</body>

结束符

作用：使用英文的 ; 代表语句的结束

实际情况：实际开发中，可写可不写，浏览器可以自动推断结束位置

现状：在实际开发中，越来越多人主张，写js代码时忽略结束符，所以为了风格统一，要么统一用结束符，要么都不写

<body>
  <script>
   alert('我有结束符');
   alert('我没有结束符')
  </script>
</body>

输入与输出语法

输出
document.write
翻译：文档.写

作用：向body内输出内容

注意：如果输出内容写的是标签，也会被解析成元素

<body>
  <script>
    document.write('要输出的内容')
  </script>
</body>

alert

翻译：警报

作用：页面弹出警示框

`<body>
  <script>
    alert('要输出的内容')
  </script>
</body>`

console.log

翻译：操作台.日志

作用：控制台输出语法，程序员调试用

<body>
  <script>
    console.log('1')
  </script>
</body>

输入

prompt
翻译：提示

作用：显示一个对话框，对话框中包含一条文字信息，用来提示用户
展示

<body>
  <script>
    prompt('请输入您的ID:')
  </script>
</body>

变量

介绍：变量是计算机用来储存数据的容器；

注意：变量不是数据本身，它只是储存的容器

声明语法：let+变量名

注意：除了let还有var，let是局部变量，var是全局变量，var的变量提升容易污染代码块，所以现在通常用let；

<body>
  <script>
    let A;
//let:允许
  </script>
</body>

赋值语法：变量名=数值

注：这种操作也叫变量初始化

<body>
  <script>
    let A;
    A=1
  </script>
</body>

更新变量

更新语法：重新赋值，一个变量只能储存一个数值

<body>
  <script>
    let age
    age=18
    age=19
  </script>
</body>

声明多个变量

语法：用逗号隔开

注：为了可读性，并不推荐这么做

<body>
  <script>
    let aa=18,bb='cc'
  </script>
</body>

变量本质

内存：计算机储存数据的地方，相当一个空间

变量：是程序在内存中申请一个储存数据的小空间

命名规则与规范

规则：不能用关键字，只能用下划线，字母，数字，$组成，不能数字开头，字母要严格区分大小写，如：Age和age是完全不同的变量

规范：起名要有意义，遵守小骆驼峰命名法（单词首字母小写，后面每个单词首字母大写，如：userName）

小知识

JavaScript代码执行顺序
1.按html顺序执行JavaScript代码

总结

本来想一口气把csdn的东西搬过来，但发现把所有内容进行markdowm语法加工实在是工作量庞大，所以只能先更新这么多，咱会慢慢跟上进度的，如果我的文章对你有帮助的话就点点赞吧，我会努力更新的！

posted @   红中jxn  阅读(5)  评论(0)  编辑  收藏  举报
相关博文：
· 学习JavaScript第一天
· JavaScript初学
· JS基础学习笔记（day1）
· JavaScript | JavaScript入门知识
· JavaScript学习笔记（一）
阅读排行：
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· 没有Manus邀请码？试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
点击右上角即可分享
微信分享提示