JS基础0608

最新推荐文章于 2024-09-11 23:16:45 发布

relyonweIl

最新推荐文章于 2024-09-11 23:16:45 发布

阅读量107

点赞数

分类专栏： JS 文章标签： javascript es6 typescript

本文链接：https://blog.csdn.net/u011431995/article/details/117696266

版权

JS 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

本文介绍了JavaScript的基础知识，包括如何在<head>和<body>中编写JS函数，以及外部JS文件的引用。接着，详细讲解了变量的声明、赋值、重声明以及数据类型，如动态类型、数组、对象和字符串。还探讨了JavaScript的布尔值。这些内容是JavaScript初学者的重要基础知识。

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

JS编写位置

`<head>`中的JS函数

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
    document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
</script>
</head>
<body>
<h1>我的 Web 页面</h1>
<p id="demo">一个段落</p>
<button type="button" onclick="myFunction()">尝试一下</button>
</body>
</html>

`<body>` 中的 JS 函数

<!DOCTYPE html>
<html>
<body>
<h1>我的 Web 页面</h1>
<p id="demo">一个段落</p>
<button type="button" onclick="myFunction()">尝试一下</button>
<script>
function myFunction()
{
    document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
</script>
</body>
</html>

外部的 JS

也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。

外部 JavaScript 文件的文件扩展名是 .js

<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html>

JS变量声明与数据类型

JS变量

JavaScript 变量可用于存放值（比如 x=5）和表达式（比如 z=x+y）

变量必须以字母开头
变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做）
变量名称对大小写敏感（y 和 Y 是不同的变量）

JS变量声明

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

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

var carname;

变量声明之后，该变量是空的（它没有值）。

如需向变量赋值，请使用等号：

carname="Volvo";

不过，您也可以在声明变量时对其赋值：

var carname="Volvo";

重新声明 JS 变量

如果重新声明 JavaScript 变量，该变量的值不会丢失：

在以下两条语句执行后，变量 carname 的值依然是 “Volvo”：

var carname="Volvo"; 
var carname;

数据类型

JavaScript 拥有动态类型

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

var x;        // x 为 undefined
var x = 5;      // 现在 x 为数字
var x = "John";   // 现在 x 为字符串

JavaScript数组

下面的代码创建名为 cars 的数组：

var cars = new Array();
cars[0] = "Saab";
cars[1] = "Volvo";
cars[2] = "BMW";

var cars = new Array("Saab", "Volvo", "BMW");

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

JavaScript 对象

对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔：

var person = {firstname:"John", lastname:"Doe", id:5566};

上面例子中的对象 (person) 有三个属性：firstname、lastname 以及 id。

空格和折行无关紧要。声明可横跨多行：

var person = {
firstname : "John",
lastname : "Doe",
id    : 5566
};

对象属性有两种寻址方式：

name = person.lastname;
name = person["lastname"];

JavaScript 字符串

字符串是存储字符（比如 “Bill Gates”）的变量。

字符串可以是引号中的任意文本。您可以使用单引号或双引号：

var carname="Volvo XC60";
var carname='Volvo XC60';

JavaScript 数字

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

var x1=34.00;   //使用小数点来写
var x2=34;     //不使用小数点来写

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

var y=123e5;   // 12300000
var z=123e-5;   // 0.00123

JavaScript 布尔

布尔（逻辑）只能有两个值：true 或 false。

var x=true;
var y=false;

relyonweIl

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS基础0608

JS编写位置<head>中的JS函数<!DOCTYPE html><html><head><script>function myFunction(){ document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";}</script></head><body><h1>我的 Web 页面</h1&gt
复制链接

扫一扫