JavaScript 基础知识使用教程

95 阅读1分钟

本文已参与「新人创作礼」活动,一起开启掘金创作之路。

官网奉上

JavaScript是一种编程语言,可以为您的网站增加交互性。这发生在游戏中,在按下按钮时的响应行为中或在表单上输入数据;具有动态样式;与动画等。本文将帮助您开始使用JavaScript,并进一步了解可能性。

什么是 JavaScript?

JavaScript是一种功能强大的编程语言,可以为网站增加交互性。它是由Brendan Eich发明的。

  • 本文用 visual studio code 演示 ,新建一个项目

在这里插入图片描述

  • 1、在scripts下面新建一个js 文件 在这里插入图片描述
  • 2、在结束标记之前输入以下代码
<script src="scripts/main.js"></script>

在这里插入图片描述

  • 3、将下面代码添加到js文件中
const mytext=document.querySelector('h1')
mytext.textContent="Hellow,word!"

在这里插入图片描述

  • 保存,运行到浏览器上 在这里插入图片描述

使用名为 querySelector() 的函数来获取对标题的引用,然后将其存储在名为 的变量中。这类似于我们使用CSS选择器所做的。当您想要对元素执行某些操作时,需要先选择它。

注意:将 script 元素放置在 HTML 文件底部附近的原因是浏览器按代码在文件中出现的顺序读取代码。 如果JavaScript首先加载并且它应该影响尚未加载的HTML,则可能存在问题。将 JavaScript 放在 HTML 页面底部附近是适应这种依赖关系的一种方法。若要了解有关替代方法的详细信息,请参阅。脚本加载策略