好好学习,天天向上
本文已收录至我的Github仓库DayDayUP:github.com/RobodLee/DayDayUP,欢迎Star
链接:https://blog.csdn.net/weixin_43461520/article/details/113853339
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('这位兄台,你点赞了吗?');
变量和常量
计算机的内存是用来临时存放数据的,数据被存储在内存中的不同内存区域,每块区域都有内存地址,我们可以通过内存地址去操作对应区域中的数据,当有很多数据需要放入内存时,那么多的内存地址,记起来可不容易,所以就有了变量的概念,变量是用来存储数据的容器。可以这样去理解变量