vsode (Visual Studio Code) JS – HTML 教程
- JavaScript 是什么
-JavaScript 是一种基于对象和事件驱动的脚本语言,广泛用于在网页上实现动态交互效果。JavaScript 可以嵌入到 HTML 页面中,通过在脚本标签中编写 JavaScript 代码来实现各种功能。它主要用于处理用户交互、操作网页元素、验证表单数据、发送网络请求等。
参考资料~
年轻人的第一个程序 “Hello World!”
-javaScript 比 HTML 和 CSS 学习起来更加复杂一点,所以必须一步一个脚印地学习。首先,来看看如何在页面中添加一些基本的 JavaScript 脚本来建造一个“Hello world!”示例
一切始于 Hello World
-打开你的测试站点,创建一个名为 scripts 的文件
下一步,在 index.html 文件< /body >
标签前的新行添加以下代码
<script src="scripts/main.js" defer></script>
与 CSS 的
< link >
元素类似,它将 JavaScript 引入页面以作用于 HTML
现在将以下代码添加到 js 文件中
let myHeading = document.querySelector("h1");
myHeading.textContent = "Hello world!";
最后,保存 HTML 和 JavaScript 文件,用浏览器打开 index.html。可以看到如下内容
备注
我们将< script >
放在 HTML 文件的底部附近的原因是浏 览器 会按照代码在文件中的顺序加载 HTML。如果先加载的 JavaScript 期望修改其下方的 HTML,那么它可能由于 HTML 尚未被加载而失效。因此,将 JavaScript 代码放在 HTML 页面的底部附近通常是最好的策略,不过还是建议在HTML内部写JS代码,有时候外部会出现问题
-比如我写在HTML内
——————————————————————————————————————————————
HTML 网页发生了什么?
- JavaScript 把页面的标题改成了“Hello world!”
工作原理:
querySelector().
函数获取标题的引用myHeadin
将querySelector().
储存在myHeading
变量中- 之后,把
myHeading
变量的属性textContent
(标题内容)修改为“Hello world!”
-这与 CSS 选择器的用法非常相像:若要对某个元素进行操作,首先得选择它
-我们来学习一些 JavaScript 的核心特性,从而更好地理解它的运行机制。学习这些知识很有意义,因为这些原理普遍适用于所有编程语言,掌握好它们,可以做到融会贯通
学习本节时,请尝试将示例代码输入到 JavaScript 控制台里看看会发生什么
变量 — Variable
-
变量
是存储值的容器。要声明一个变量,先输入关键字let
或var
,然后输入变量名
let my_var;
-变量定义后赋值
my_var = "CSDN -熟 禁止
标签:Code,--,代码,JavaScript,JS,HTML,let,Hello
From: https://blog.csdn.net/liye100866/article/details/139030128