好好学习,天天向上

本文已收录至我的Github仓库DayDayUP:github.com/RobodLee/DayDayUP,欢迎Star

⭐⭐⭐⭐⭐转载请注明出处!⭐⭐⭐⭐⭐

链接:https://blog.csdn.net/weixin_43461520/article/details/113853339

⭐⭐⭐⭐⭐**转载请注明出处!**⭐⭐⭐⭐⭐

  • HTML常用标签总结
  • 手摸手带你学CSS
  • HTML5与CSS3知识点总结
  • 手摸手带你学移动端WEB开发

JavaScript简介

之前我们在写网页的时候,用的是HTML+CSS,这样的网页被称作静态网页,它只是用来展示内容而已,不具备交互的功能,如果想要点击某个元素的时候执行特定的事件,就要使用到JavaScript,有了JavaScript之后,网页就可以实现更加复杂的效果,比如和服务器的交互等,这样的网页被称作动态网页。

浏览器分成渲染引擎JS引擎两部分,渲染引擎用来解析HTML和CSS,又称作内核;而JS引擎则用来读取网页中的JavaScript代码,然后逐行解释并执行JavaScript代码。

JavaScript开胃小菜

在正式开始JavaScript之前,先来介绍一下JavaScript的一些基础知识。

JavaScript书写位置

JavaScript有行内内嵌外部引入三种书写方式,当内容较少时可以使用行内式去书写,这样比较方便,但是当代码比较多的时候就不推荐这种方式了。

<body><button onclick="alert('Robod')" >微信公众号</button>
</body>

第二种就是内嵌式的写法,就是用<script></script>标签将JavaScript代码包裹起来,一般都会将其放在head标签或者body标签里。

<script>console.log("微信公众号:Robod");
</script>

最后一种外部引入就是给 script 标签一个src属性,指向需要引入的JavaScript文件,如果代码量很大的话就比较适合这种方式。

<script src="./js/xxx.js"></script>

注释

JavaScript注释和C语言,Java一样,分为单行注释多行注释

// 这是个单行注释
/* 这是个多行注释,用来注释多行内容
*/

输入输出语句

有过编程经验的小伙伴们肯定都在控制台或者某些地方打印过临时数据用来测试代码的运行情况,或者是给用户展示一些内容,在 JavaScript 中也提供了输入和输出的方式。

  • alert(msg)

这种方式是在浏览器中弹出一个警示框,可以用来测试代码,但多数情况下还是给予用户警示的作用。

alert('小伙伴们不要忘了点赞哦~');

  • console.log(msg)

这种方式则是在控制台中打印某些数据,在写代码的时候可以通过控制台打印一些数据查看代码的运行情况,在浏览器窗口按 F12 键再点击 Console 即可查看控制台。

console.log('微信公众号:Robod');

  • prompt(info)

通常我们可能需要用户去输入某些内容,这时候就可以弹出一个输入框,用户可以在输入框中输入内容。

prompt('这位兄台,你点赞了吗?');

变量和常量

计算机的内存是用来临时存放数据的,数据被存储在内存中的不同内存区域,每块区域都有内存地址,我们可以通过内存地址去操作对应区域中的数据,当有很多数据需要放入内存时,那么多的内存地址,记起来可不容易,所以就有了变量的概念,变量是用来存储数据的容器。可以这样去理解变量

Nice!JavaScript基础语法知识都在这儿了相关推荐

  1. JavaScript基础语法知识遨游记

    ⭐️前面的话⭐️ 本篇文章将介绍JavaScript的基础语法,在基于拥有java/c++的基础上来进行JavaScript的学习,大致内容包括变量,运算符,数据类型,分支语句,循环语句,数组,函数, ...

  2. html5扩展函数的使用方法,知识分享:JavaScript基础语法

    知识分享:JavaScript基础语法 原创 mb5fd868d58f1472021-01-22 16:52:56©著作权 阅读数 41 ©著作权归作者所有:来自51CTO博客作者mb5fd868d5 ...

  3. JavaScript基础语法笔记,ECMAScript基础,每部分都有经典案例以及解析。会持续更新(2022.0310)

    提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录 前言 一.JavaScript导读 1.1 什么是JavaScript(这里借鉴Js红宝书的内容,看一看就可以了) 1.2 ...

  4. python基础语法及知识总结-Python 学习完基础语法知识后,如何进一步提高?

    ---4.30更新---感谢大家支持,点赞都破两千了.给大家整理出来新的资料,需要的小伙伴来自取: Python练手项目视频如下: Python自学基础知识如下: 以下为原文内容: Python 学习 ...

  5. Vue基础语法知识(自用,完整版)

    Vue基础语法知识 1.想让Vue工作,就必须创建一个Vue实例,且要传入一个配置对象 2.root容器里的代码依然符合html规范,只不过混入了一些特殊的Vue语法 3.root容器中里的代码被称为 ...

  6. JavaScript基础语法(一)

    目录 前言 js变量 数据类型 数据类型转换 传送门 --> JavaScript基础语法(二).JavaScript之数组与函数(三).JavaScript之对象(四).JavaScript阶 ...

  7. javascript基础语法——表达式

    前面的话 一般地,关于javascript基础语法,人们听得比较多的术语是操作符和语句.但是,其实还有一个术语经常使用,却很少被提到,这就是javascript表达式(expression).本文将详 ...

  8. python基础语法有哪些-Python基础语法知识有哪些?

    相信大家都听过Python除了不会生孩子,基本上无所不能的段子,这一定程度上反映了目前Python编程语言的火爆程度和广泛应用.然而,对于许多零基础的Python学习者来说,常常会遇到无从学起,找不到 ...

  9. javascript基础语法——词法结构

    前面的话 javascript是一门简单的语言,也是一门复杂的语言.说它简单,是因为学会使用它只需片刻功夫:而说它复杂,是因为要真正掌握它则需要数年时间.实际上,前端工程师很大程度上就是指javasc ...

最新文章

  1. BZOJ-1192-[HNOI2006]鬼谷子的钱袋
  2. apollo java客户端_02、携程Apollo Java客户端使用指南
  3. linux+sed+-i替换路径,sed替换与别名配置
  4. 【C/C++开发】C++实现简单的线程池
  5. Kettle使用_26 根据增删改标识处理数据
  6. DELL服务器iDRAC相关设置
  7. 如何通过调试的方式搞清楚Angular createEmbeddedView具体创建的UI元素是什么
  8. 一张有转折意义的神秘地图
  9. 七年布局Cloud OS,微软将再创云产业新高
  10. 2021年电视盒子推荐指南 电视盒子选购以及常见问题
  11. 做正确的事和正确的做事
  12. python入栈出栈实现约瑟夫环
  13. c++,数组与指针的差别
  14. Keil5最新版本下载(MDK 5.25, C51v959)
  15. 学3Dmax有前途吗? 3Dmax有哪些就业方向?
  16. Reds关键技术分析及应用
  17. 【Linux入门学习笔记】Linux命令查阅方法及文件操作命令简介
  18. IDE/ATA与AHCI
  19. Failed to execute goal on project hello: Could not resolve dependencies for project com.hu:hello:jar
  20. Swift 闭包(block)详解

热门文章

  1. 经典例题向Java程序员诠释递归,这样的算法公式你们必须懂
  2. 《手把手教你阅读Datasheet》写ST7735s驱动程序(SPI通信)
  3. 如何将多张CAD图纸转换成彩色清晰的WMF格式?
  4. 数据库技术的发展历史是怎么样的?
  5. themeleaf和springboot
  6. 守护大数据安全的“福尔摩斯”
  7. Intellij IDEA字体大小快捷键设置
  8. java国际化韩文_java国际化介绍+Demo
  9. vm虚拟机安装debian NAT模式 桥接模式 究竟是什么意思
  10. 我的世界服务器维护多少钱,我的世界:一个服务器5年心血,如今却只剩下一则长长的公告...