JS|青训营笔记

93 阅读2分钟

字节跳动青训营笔记

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

上课内容

今天写一下在青训营学到的东西,主要讲了JavaScript的相关知识。

个人感受

我以前稍微学习过前端所以讲课的节奏和风格我还是可以跟上的,对于完全没有接触过的小白还是应该要做好上课前的预习要不然可能跟不上讲课的节奏,学到了一些东西。

什么是JavaScript

JavaScript是一种脚本,一门编程语言,它可以在网页上实现复杂的功能,网页展现给你的不再是简单的静态信息,而是实时的内容更新,交互式的地图,2D/3D 动画,滚动播放的视频等等。它是标准 Web 技术蛋糕的第三层。

主要功能

  1. 嵌入动态文本于HTML页面。
  2. 对浏览器事件做出响应。
  3. 读写HTML元素。
  4. 在数据被提交到服务器之前验证数据。
  5. 检测访客的浏览器信息。
  6. 基于Node.js技术进行服务器端编程。

JavaScript用法

HTML 中的 Javascript 脚本代码必须位于 <script> 与 </script> 标签之间。

<body> 
    <script> document.write("<h1>这是一个标题</h1>"); 
             document.write("<p>这是一个段落</p>");
    </script> 
</body> 

同样跟CSS一样也可以把脚本保存到外部文件中。外部JavaScript文件的文件扩展名是.js.用法为 <script src="myScript.js"></script>

JavaScript代码运行调试

在Chrome浏览器中按下F12或者右键点击页面选择“查看”来启用开发者工具,在console窗口调试JS代码

JavaScript输出

JavaScript可以用3种方式进行输出数据

  1. 使用window.alert()弹出警告框。
  2. 使用document.write()方法将内容写到 HTML 文档中。
  3. 使用innerHTML写入到 HTML 元素。
  4. 使用console.log()写入到浏览器的控制台。

比如用window.alert()

<body>
    <script>
            window.alert(9+8);
    </script>
</body>