JavaScript 学习（从 w3school学习）(一)

最新推荐文章于 2021-09-08 16:51:19 发布

huanhuan8944172

最新推荐文章于 2021-09-08 16:51:19 发布

阅读量187

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/huanhuan8944172/article/details/88243132

版权

javascript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

这篇博客介绍了JavaScript的基础知识，包括如何写入HTML输出、响应事件、改变HTML内容和样式，以及操作HTML元素的方法。讲解了JavaScript语句、代码块、变量、数据类型如字符串、数字和布尔值的使用，强调了JavaScript的动态类型特性。

摘要由CSDN通过智能技术生成

1. 写入HTML输出 document.write(" ")

2. 对事件做出反应如: onClick="alert('str')"

3. 改变HTML内容

X=document.getElementById("id");

x.innerHTML="Hello javascript";

4. 改变HTML图像

5. 改变HTML样式

x=document.getElementById("id");

x.style.color="#ff0000";

6. HTML 中的脚本必须位于<script> 与 </script>标签之间。

脚本可被放置在HTML页面的<body> 和 <head>部分中。

7. 操作HTML元素

1) 如需从javascript访问某个HTML元素，您可以使用document.getElementById("id")方法。

请使用“id”属性来标识HTML元素。

2) 写到文档输出

doucment.write("conent");

警告：请使用document.write()仅仅向文档输出写内容。

如果在文档已完成加载后执行document.write()，整个HTML页面将被覆盖。

8. Javascript 语句
Javascript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。
下面的javascript语句向id=”demo”的HTML元素输出文本”Hello World”：

   分号 ;
   分号用于分隔 JavaScript 语句。
   通常我们在每条可执行的语句结尾添加分号。
   使用分号的另一用处是在一行中编写多条语句。
   提示：您也可能看到不带有分号的案例。
   在 JavaScript 中，用分号来结束语句是可选的。

9. Javascript 代码
JavaScript 代码(或者只有 JavaScript)是JavaScript语句的序列。
浏览器会按照编写顺序来执行每条语句。

下面的例子将操作两个HTML元素：

10. JavaScript 代码块
JavaScript语句通过代码块的形式进行组合。
块由左花括号开始，由右花括号结束。
块的作用是使语句序列一起执行。
JavaScript函数是将语句组合在块中的典型例子。
下面的例子将运行可操作两个HTML元素的函数：

11. JavaScript对大小写敏感
JavaScript对大小写是敏感的。

12. 空格
JavaScript 会忽略多余的空格。您可以向脚本添加空格，来提高其可读性。
下面的两行代码是等效的：

13. 对代码行进行折行
您可以在文本字符串中使用反斜杠对代码行进行换行。下面例子是正确的：

但是，下面的折行是有问题的：

14. JavaScript 变量
变量可以使用短名称(比如 x 和 y)，也可以使用描述性更好的名称(比如 age等)。

 变量必须以字母开头
 变量也能以 $ 和 _ 符号开头(不推荐)
 变量名称对大小写敏感(y 和 Y 是不同的变量)

15. JavaScript数据类型
   JavaScript 变量还能保存其他数据类型，比如文本值(name=”Bill Gates”)。
   在JavaScript中，类似”Bill Gates”这样一条文本被称为字符串。
   当您向变量分配文本值时，应该用双引号或单引号包围这个值。
   当您向变量赋的值是数值时，不要使用引号。如果您用引号包围数值，该值会被作为文本来处理。
   如下：

16. 声明(创建) JavaScript变量

在JavaScript中创建变量通常称为”声明”变量。

我们使用 var 关键词来声明变量：

变量声明之后，该变量是空的（它没有值）。
如需向变量赋值，请使用等号：

一条语句，多个变量
您可以在一条语句中声明很多变量。该语句以 var 开头，并使用逗号分隔变量即可：

Value = undefined

在计算机程序中，经常会声明无值的变量。未使用值来声明的变量，其值实际上是 undefined。
在执行过以下语句后，变量 carname 的值将是 undefined：var carname;

重新声明JavaScript变量

如果重新声明JavaScript变量，该变量的值不会丢失；
在以下两条语句执行后，变量carname的值依然是”Volvo”；

17. JavaScript拥有动态类型
JavaScript拥有动态类型。这意味着相同的变量可用作不同的类型：

18.JavaScript字符串
字符串是存储字符(比如”Bill Gates”)的变量。
字符串可以是引号中的任意文本，可以使用单引号或双引号：

您可以在字符串中使用引号，只要不匹配包围字符串的引号即可：

19. JavaScript数字
JavaScript 只有一种数字类型。数字可以带小数点，也可以不带：

极大或极小的数字可以通过科学（指数）计数法来书写：

20. JavaScript布尔
布尔(逻辑)只能有两个值：true 或 false。

huanhuan8944172

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript 学习（从 w3school学习）(一)

1. 写入HTML输出 document.write(" ")2. 对事件做出反应如: onClick="alert('str')"3. 改变HTML内容 X=document.getElementById("id"); x.innerHTML="Hello javascript";4. 改变HTML图像 5. 改变HTML样式 x...
复制链接

扫一扫

专栏目录