忆JavaScript

最新推荐文章于 2024-09-21 09:29:16 发布

非生而知之者

最新推荐文章于 2024-09-21 09:29:16 发布

阅读量157

点赞数

分类专栏：前端文章标签： javascript json

本文链接：https://blog.csdn.net/qq_41904864/article/details/104933036

版权

前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

大一的时候学习了HTML5和JavaScript,但是那又怎么样呢哈哈

李逵和李鬼

一个是W3school,一个是W3Cschool。推荐W3school。

学编程一定要多练,推荐一个网站https://www.w3school.com.cn/注意这个才是对的，它的界面如下，

而不是https://www.w3cschool.cn/。这是一个盈利型培训网站，如图2，没有用过它的课程，也不知道其质量。

总之，一定要看清楚啦，选择上面的https://www.w3school.com.cn/。干货多多。它可以在线练习代码，对照着它给出的例子，自己敲一遍然后运行，实践了才不容易忘记。我就是从简单做起，对照它给出的代码敲一遍，然后看效果。

JavaScript的一些细节

①JavaScript不强制要求使用变量前先声明变量，但是在脚本的开头声明所有变量是个好习惯！

如图3所示，即使不声明变量c,但也仍可以使用。

②JavaScript 对大小写敏感。所有 JavaScript 标识符对大小写敏感。如变量 lastName 和 lastname，是两个不同的变量。JavaScript 程序员倾向于使用以小写字母开头的驼峰大小写，eg: firstName studentName。当然也可使用下划线式，eg: first_name,student_name。但是JavaScript 中不能使用连字符。它是为减法预留的，eg:first-name student-name是错误的。如图4和图5。

如图4所示，当变量名为"first-name"时，便出错，无结果输出。如图5所示，当变量名为"first_name"时,便有结果输出。

③<button type="button" οnclick="myFunction">点击我！</button>
调用函数时记得括号。正确如下：

<button type="button" onclick="myFunction()">点击我！</button>

JSON

JSON(JavaScript Object Notation): 存储传输数据的一种格式，它经常在数据传输到网页时用到。JSON 名称需要双引号。JavaScript 名称不需要。JSON 的通常用法是从 web 服务器读取数据，然后在网页中显示数据。
JSON 语法规则:数据是名称/值对,数据由逗号分隔,花括号保存对象,方括号保存数组。
在 JSON 中，键必须是字符串，由双引号包围：{ "name":"Bill Gates" }
在 JavaScript 中，键可以是字符串、数字或标识符名称：{ name:"Bill Gates" }
一个JSON实例,
{"student":[
{"firstName":"zhang","secondName":"san"}，
{"firstName":"li","secondName":"si"}
]}

一些代码

<!DOCTYPE html>
<html>
<head>
</head>
<body>

<p id="demo"></p>
<p id="demo2"></p>
<p id="demo3"></p>
<script>
//JavaScript 拥有动态类型。这意味着相同变量可用于保存不同类型
var x;               // 现在 x 是 undefined
var x = 7;           // 现在 x 是数值
var x = "Bill";      // 现在 x 是字符串值

document.getElementById("demo").innerHTML = x;

//第一个操作数是字符串，因此所有操作数都被视为字符串。
var x="Bill"+12+13;
document.getElementById("demo2").innerHTML = x;

//可以在字符串内使用引号，只要这些引号与包围字符串的引号不匹配：
var answer = "It's alright";             // 双引号内的单引号
var answer = "He is called 'Bill'";    // 双引号内的单引号 单双相间哈哈哈
var answer = 'He is called "Bill"';

var cars = ["Porsche", "Volvo", "BMW"];

document.getElementById("demo3").innerHTML = cars[0];
</script>

</body>
</html>