前端小结之JS的看过来一| 青训营笔记

105 阅读2分钟

这是我参与「第四届青训营 」笔记创作活动的第3天

引言

在上一篇文章中,我们介绍了及前端三大件中CSS的相关知识,今天我们将介绍前端三大件中的最后一个JS相关知识,一起来看看吧!

1、JS解析

JavaScript 是 web 开发人员必须学习的 3 门语言中的一门:

  • HTML 定义了网页的内容
  • CSS 描述了网页的布局
  • JavaScript 控制了网页的行为

JavaScript 是互联网上最流行的脚本语言,这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。

  • Web 应用开发:日常生活中我们所浏览的网页都是由 HTML、CSS、JavaScript 构成的,通过 JavaScript 可以实时更新网页中元素的样式,并可以实现人与网页之间的交互(例如监听用户是否点击了鼠标或按下了某个按键等),还可以在网页中添加一些炫酷的动画;
  • 移动应用开发:除了可以进行 Web 应用开发外,JavaScript 还可以用来开发手机或平板电脑上的应用程序,而且我们还可以借助一些优秀的框架(例如 React Native),让开发更加轻松;
  • Web 游戏:我们在网页中玩过的那些小游戏,都可以使用 JavaScript 来实现

2、JS用法

在 HTML 页面中嵌入 JavaScript 脚本需要使用 script 标签,用户可以在 script标签中直接编写 JavaScript 代码。Javascript 脚本代码可被放置在 HTML页面的 body 和 head 部分中。 script/script 会告诉 JavaScript 在何处开始和结束。

3、JS输出

avaScript 没有任何打印或者输出的函数。

JavaScript 显示数据

JavaScript 可以通过不同的方式来输出数据:

  • 使用 window.alert()  弹出警告框。
  • 使用 document.write()  方法将内容写到 HTML 文档中。
  • 使用 innerHTML 写入到 HTML 元素。
  • 使用 console.log()  写入到浏览器的控制台。
<html>
<head> 
<meta charset="utf-8"> 
<title>页面标题</title> 
</head>
<body>
	
<h1>第一个 Web 页面</h1>
<p id="demo">第一个段落。</p>
<script>
document.getElementById("demo").innerHTML="段落已修改。";
</script>
	
</body>
</html>

总结

今天只是简单介绍了一下JS,后续继续更新,一起期待吧!!!

烟火向星辰,所愿皆成真!