第六站:零基础认识JS的基础语法

简介: 第六站:零基础认识JS的基础语法

🚀欢迎来到《JavaWeb的奇妙冒险》教学系列!在这里,我们将继续探索Web开发的精彩世界,本站将为你揭开JavaScript的神秘面纱。让我们在学习的过程中既轻松愉快,又能掌握高质量的知识。准备好进入第六站的学习之旅了吗?让我们开始吧!

第六站:零基础认识JS的基础语法


js基础语法

书写语法
  • 区分大小写:与java一样,变量名、函数名以及其他所有的东西全部都严格区分大小写
  • 每行结尾的分号可有可无(但是建议在编写js代码的时候还是把分号写上,这样更加严谨一点)
  • 注释:(也可以利用VS Code中我们安装的插件,使用快捷键:多行注释ctrl+shift+左斜杠,单行注释ctrl+左斜杠)
  1. 单行注释://注释内容
  2. 多行注释/*注释内容*/
  • 大括号表示代码块
if(count==3){//如果条件满足,则执行代码块,表示弹出conut的值
  alert(count);
}
输出语句
  • 使用window.alert()写入警告框
    (window.是可以省略的,输出的语句是会在网页中以警告框的形式弹出来)

  • 使用document.write() 写入HTML输出
    (直接将我们要写出的信息直接写入HTML文件当中然后在浏览器当中展示出来,最终会在HTML页面中直接看见输出的语句)

  • 使用console.log()写入浏览器控制台
    (console是浏览器中的控制对象,调用该对象当中的log方法,就可以数据写入到浏览器的控制台,然后我们可以打开浏览器的控制台,然后点击到Console,看到我们输出的数据)

如何快速打开浏览器的控制台呢?

点击鼠标右键选择"检查"或者点击快捷键F12。

<script>
  window.alert("Hello JS");//浏览器弹出警告框
  document.write("Hello JS");//写入HTML,在浏览器展示
  console.log("Hello JS");//写入浏览器控制台
<script>
目录
相关文章
|
4月前
|
JavaScript 前端开发
JavaScript 函数语法
JavaScript 函数是使用 `function` 关键词定义的代码块,可在调用时执行特定任务。函数可以无参或带参,参数用于传递值并在函数内部使用。函数调用可在事件触发时进行,如用户点击按钮。JavaScript 对大小写敏感,函数名和关键词必须严格匹配。示例中展示了如何通过不同参数调用函数以生成不同的输出。
|
4月前
|
JavaScript 前端开发 大数据
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
91 0
|
6月前
|
前端开发 JavaScript 程序员
前端 JavaScript 的 _ 语法是个什么鬼?
前端 JavaScript 的 _ 语法是个什么鬼?
|
6月前
|
JavaScript 前端开发
JavaScript基础&实战(1)js的基本语法、标识符、数据类型
这篇文章是JavaScript基础与实战教程的第一部分,涵盖了JavaScript的基本语法、标识符、数据类型以及如何进行强制类型转换,通过代码示例介绍了JS的输出语句、编写位置和数据类型转换方法。
JavaScript基础&实战(1)js的基本语法、标识符、数据类型
|
6月前
|
存储 JavaScript 前端开发
Node.js的基本语法
【8月更文挑战第12天】Node.js的基本语法
227 1
|
7月前
|
缓存 JavaScript 前端开发
前端框架与库 - Vue.js基础:模板语法、数据绑定
【7月更文挑战第14天】Vue.js 是渐进式框架,以简洁API和高效数据绑定知名。本文聚焦模板语法与数据绑定,解释常见问题和易错点,助力初学者避坑。模板语法中,{{ expression }} 用于渲染值,v-bind/: 用于动态绑定属性。数据绑定涉及文本、属性和事件,注意v-model适用于表单元素,计算属性有缓存。理解正确用法,借助文档和IDE,可提升开发质量和效率。善用Vue.js,打造响应式UI。
271 4
|
7月前
|
前端开发 JavaScript
js【详解】Promise(含 Promise 的三种状态及其变化,创建 Promise, Promise.all 语法、Promise.all 实战范例、手写 Promise.all)
js【详解】Promise(含 Promise 的三种状态及其变化,创建 Promise, Promise.all 语法、Promise.all 实战范例、手写 Promise.all)
1057 0
|
7月前
|
存储 JavaScript 前端开发
|
7月前
|
存储 缓存 自然语言处理
|
8月前
|
存储 JavaScript 前端开发
JavaScript 语法
JavaScript 语法
53 5

热门文章

最新文章

  • 1
    当面试官再问我JS闭包时,我能答出来的都在这里了。
    49
  • 2
    【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
    29
  • 3
    Node.js 中实现多任务下载的并发控制策略
    34
  • 4
    【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
    26
  • 5
    【JavaScript】深入理解 let、var 和 const
    49
  • 6
    【04】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架二次开发准备工作-以及建立初步后端目录菜单列-优雅草卓伊凡商业项目实战
    47
  • 7
    【03】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架搭建-服务端-后台管理-整体搭建-优雅草卓伊凡商业项目实战
    57
  • 8
    【02】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-ui设计图figmaUI设计准备-figma汉化插件-mysql数据库设计-优雅草卓伊凡商业项目实战
    57
  • 9
    如何通过pm2以cluster模式多进程部署next.js(包括docker下的部署)
    72
  • 10
    【01】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-需求改为思维导图-设计数据库-确定基础架构和设计-优雅草卓伊凡商业项目实战
    57