JS学习笔记（一）-初识JavaScript

最新推荐文章于 2024-04-30 20:32:35 发布
最新推荐文章于 2024-04-30 20:32:35 发布
阅读量1.2k 收藏 5
点赞数 3
分类专栏： JavaScript 文章标签： javascript css html html5 js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Ludwig1957/article/details/112504871
版权

文章目录

2021.1.11

学习笔记(一)

准备工作

今天开始学习Javascript，开始之前先学习开发工具VS Code的几个快捷键和安装一些常用插件以及一些VS Code生成的骨架标签的含义。
快捷键

  • !+回车/Tab
    自动生成页面骨架结构
  • Ctrl++/-
    放大/缩小视图
  • Alt+B
    在浏览器中打开
  • Ctrl+/
    注释
    常用插件
  • Chinese（Simplified）Language Pack for VS Code
  • Open in Browser
  • Auto Rename Tag//自动重命名配对的HTML/XML标签
  • CSS Peek//追踪至样式

VS Code工具生成骨架标签新增代码

  1. <!DOCTYPE>标签
    文档类型声明标签，作用是告诉浏览器是使用哪种Html版本来显示网页
  2. lang语言
    用来定义当前文档显示的语言。
    • en定义为英语//定义为en就是英文网页
    • zh-CN定义语言为中文//定义为zh-CN就是中文网页
      但其实对文档显示来说，定义成en/zh-CN的文档也可以显示成中文/英文
  3. charset字符集
    • 字符集是多个字符的集合。以便计算机能够识别和存储各种文字。
    • 在<head>标签内，可以通过<meta>的charset属性来规定HTML文档应该使用哪种字符编码。
    • 其中，UTF-8也被称为万国码，基本包含了全世界所有国家要用到的字符。
    • <meta charset=“UTF-8”>这句话一定要写否则可能会出现乱码现象。

初识JavaScript

JS的组成

  • ECMAScript //JavaScript语法
  • DOM //页面文档对象模型
  • BOM //浏览器对象模型

JS书写位置

  • 行内
    • HTML推荐使用双引号，JS推荐使用单引号
    • 仅在特殊情况下使用
  • 内嵌
    • 可以将多行JS代码写到<script>标签中
    • 内嵌JS是学习时常用的方式
  • 外部
    • 既美观又方便
    • 适合于JS代码量较大的时候

JS注释

  • 单行注释

    • //
    • 快捷键Ctrl+/

  • 多行注释

    • /*
      */
    • 快捷键Shift+Alt+A–>已修改成ctrl+shift+a

note:vscode中修改多行注释的快捷键点击左下角管理中键盘快捷方
式，输入原来的快捷键，找到后修改即可

JS输入输出语句

  • alert（）
    浏览器弹出警示框
  • prompt（）
    浏览器弹出输入框，用户可以输入
  • console.log（）
    浏览器控制台打印输出信息
Ludwig1597
关注
  • 3
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
Extjs学习笔记之一 初识Extjs之MessageBox
12-09
在初识ExtJS时，创建一个新的目录`my`用于存放所有样例文件是很好的习惯，这有助于保持项目组织有序。在`Hello World`示例中，我们看到HTML文档包含了几个重要的引用，包括ExtJS的基础样式表`ext-all.css`和...
JS入门到精通完整版
qq_46362763的博客
08-08 1万+
JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。它是作为开发Web页面的脚本语言而出名，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。.....................
Javascript 基础知识学习
岳来的博客
11-23 6962
javascript 基础学习
JS从入门到精通
最新发布
p6448777的博客
04-30 402
/在其他浏览器中可以使用getComputedStyle()这个方法来获取当前的样式，这个方法是window方法可以直接使用需要有两个参数第一个，需获取样式的元素。如果两个对象一样，但是地址不同，也是会返回false的。值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol。//常用节点:文档节点(HTML文档)、元素节点(HTML标签)、属性节点(元素的属性)、文本节点(HTML中的文本内容)
Javascript学习
守灯者的博客
03-04 1340
Javascript 学习记录
JS如何学习
weixin_35755562的博客
01-05 362
JavaScript 是一种流行的编程语言，可以用来开发网站和网络应用。它可以运行在浏览器中，也可以运行在服务器端。 要学习 JavaScript，你可以从以下几个方面入手： 了解 JavaScript 的基本语法。JavaScript 的语法和其他编程语言很像，你可以先了解变量、数据类型、运算符、流程控制语句、函数等基础概念。 在浏览器中练习 JavaScript。JavaScript 可以直...
JavaScript的学习
m0_66030479的博客
07-09 1623
js的学习
bootstrap学习笔记之初识bootstrap
01-19
Bootstrap是一款目前非常流行的前端框架，简单的说，就是html,css,javascript的工具集，我们可以用bootstrap搭建出简洁，清新的网站或软件界面，有了bootstrap这个利器后台开发人员再也不用发愁前台界面的搭建了。...
JavaScript 基础（超详细）
TKOP_的博客
03-02 9269
这篇笔记大概囊括了 JavaScript 基础的所有知识点。适合 js 初学者去查看特定知识点或者已经自学完 js 的伙伴去完成查漏补缺的过程。知识点的梳理参照了《JavaScript 高级程序设计》的内容，所以这算是一篇读书笔记。知识点的具体介绍主要有书中重要讲述、代码示例、思维图表、重难点解析、个人思考总结和他人的启发。虽不敢说这是最详细的笔记，但对于每个知识我都会尽力将自己的所思所想清楚地记录下来并分享。
JS入门必备基础知识（适合新人学习）
qq_57162921的博客
09-21 2101
js基础学习
js基础学习
qq_52701502的博客
04-22 396
javascript_day01 学习目标 1.掌握js的组成 2.掌握数据类型 3.掌握运算符 4.掌握流程控制 5.掌握数组 6.掌握函数 7.掌握作用域 8.掌握js对象 一、javascript 概述 1.1 javascript 介绍 JavaScript在1995年由Netscape（网景）公司设计的脚本语言。 js是一个什么样的语言呢？ 是一门脚本语言：不需要编译,直接执行 是一门解释性语言：相对于编译语言java不同，没有编译成机器语言class文件过程；源代码不能直接翻译成机器语言，而
JavaScript 入门(简单易懂) 看这一篇就够了
2301_77638787的博客
08-06 1万+
尽量帮助初学者减少初级的困难，其实一旦掌握了之后，会发现它其实是非常容易。但大道至简，知易行难，需要大家之后不断练习。
JavaScript基础学习
wl0326ghb的博客
12-30 2046
js
JavaScript 教程 （详细 全面）
热门推荐
梁辰兴的博客
10-31 7万+
JavaScript（简称“JS”）是当前最流行、应用最广泛的客户端脚本语言，用来在网页中添加一些动态效果与交互功能，在 Web 开发领域有着举足轻重的地位。HTML 用来定义网页的内容，例如标题、正文、图像等；CSS 用来控制网页的外观，例如颜色、字体、背景等；JavaScript 用来实时更新网页中的内容，例如从服务器获取数据并更新到网页中，修改某些标签的样式或其中的内容等，可以让网页更加生动。JavaScript 诞生于 1995 年，几乎是和互联网同时出现；
JavaWeb系列三: JavaScript学习 上
你好, 我在学java的博客
03-10 3953
前端js学习
JS看这一篇就够啦，JS基础大全，可用于快速回顾知识，面试首选
a2868221132的博客
03-26 1489
JS看这一篇就够啦，JS基础大全，可用于快速回顾知识，面试首选
JavaScript基础（超详细全文约一万字）
bguihiub的博客
02-10 8245
回顾整个JavaScript的发展历程, 实际上就是Web发展的历程从最开始的拨号上网方式到现在的100M光纤, 4G/5G移动Web的发展在近20年, 上网的方式发生了翻天复地的变化, 可以说是科技大爆炸.人们在享受越来越便捷的上网的同时, 对Web产品的需求越来越高从单纯的对访问速度的需求, 越来越多的转移到视觉美感, 智能操作交互, 沉浸式虚拟现实, 这些需求又反过来推动了技术的不断创新与进步.
JavaScript入门学习指南
qq_42560575的博客
04-15 2507
适合初学者入门自学
【JavaScript】JS基础&实战 | JS入门到精通全套完整版的学习笔记
qiqizgl777的博客
02-06 670
免费分享 老尚JS基础&实战|JS入门到精通全套完整版的详细学习笔记
javascript学习笔记--查看html元素和改变html的内容
06-01
好的，我可以为您解答关于 JavaScript 学习笔记方面的问题。针对您的问题，查看 HTML 元素和改变 HTML 内容是 JavaScript 中非常常见的操作之一，我们可以通过以下几种方式实现： 1. 通过 `document.getElementById()` 方法获取 HTML 元素，该方法接受一个参数，即需要获取的元素的 ID 值。例如： ``` let elem = document.getElementById("my-element"); ``` 2. 通过 `document.querySelector()` 方法获取 HTML 元素，该方法接受一个参数，即需要获取的元素的 CSS 选择器。例如： ``` let elem = document.querySelector(".my-class"); ``` 3. 通过 `innerHTML` 属性获取或设置 HTML 元素的内容。例如： ``` let elem = document.getElementById("my-element"); console.log(elem.innerHTML); // 获取元素的内容 elem.innerHTML = "新的内容"; // 设置元素的内容 ``` 4. 通过 `textContent` 属性获取或设置 HTML 元素的文本内容。例如： ``` let elem = document.getElementById("my-element"); console.log(elem.textContent); // 获取元素的文本内容 elem.textContent = "新的文本内容"; // 设置元素的文本内容 ``` 希望这些信息能够帮助您更好地了解如何在 JavaScript 中查看 HTML 元素和改变 HTML 内容。如果您有其他问题，请随时向我提出。
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值