@[TOC]
1.前端三大件
前端三大件分别为:HTML、CSS、JavaScript。其中最重要的当属JavaScript。
虽然现在开发通常使用框架,但是这些基础的才最重要的,就像一座高楼不能没有稳固的地基一样。打好基础,走遍天下都不怕。
2.JavaScript
2.1JavaScript介绍
JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。
即JavaScript 是一种编程语言,主要参与构建 Web 前端应用。
javascript的基本特点:多范式的动态语言,它包含类型、运算符、标准内置( built-in)对象和方法
2.2JavaScript的主要功能
嵌入 动态文本 于HTML页面。
对浏览器事件做出响应。
读写 HTML元素 。
在数据被提交到服务器之前验证数据。
检测访客的浏览器信息。
基于 Node.js 技术进行服务器端编程。
2.3JavaScript的使用方式
类似于CSS样式的使用方式。将JS代码写在<script> </script>
当中
不过与CSS不同的是:JS代码块<script> ··· </script>
不仅可以应用在<head></head>
当中,还可以写在<body></body>
当中
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hello JavaScript</title>
<script>
alert("哈哈哈哈哈");
</script>
</head>
<body>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hello JavaScript</title>
</head>
<body>
<script>
alert("哈哈哈哈哈");
</script>
</body>
</html>
这两段代码效果都是一样的,都是有一个弹出框 内容是“哈哈哈哈哈”。
3.JavaScript的一些输出语句
在学习中,比较重要的调试方法就是输出一下,看一下如何如何。
使用window.alert()
弹出警告框。
使用 document.write()
方法将内容写到 HTML 网页中。
使用 console.log()
写入到浏览器的控制台。
<script>
window.alert("有什么准备吗");
document.write("准备去爬泰山");
console.log("准备好御寒衣物,一定要看好天气预报。")
</script>
·分别为弹窗“有什么准备吗”
·网页显示“准备去爬泰山”
·控制台显示“准备好御寒衣物,一定要看好天气预报。”--控制台打开方式:F12。或者在VSCode中查看调试控制台。
4.小结
如果有别的编程语言基础,学习JavaScript就会比较容易。不过要注意,学习不能大意马虎,往往注意不到的小知识点会在以后编程开发中耽搁很多时间。一定注意细节。