JS学习笔记_Day One

最新推荐文章于 2024-07-17 15:26:15 发布

微微豆奶z

最新推荐文章于 2024-07-17 15:26:15 发布

阅读量80

点赞数

文章标签： javascript js

本文链接：https://blog.csdn.net/m0_53363188/article/details/113766172

版权

1. JavaScript输出

JavaScript 可以通过不同的方式来输出数据：

使用 window.alert() 弹出警告框。
使用 document.write() 方法将内容写到 HTML 文档中。
使用 innerHTML 写入到 HTML 元素。
使用 console.log() 写入到浏览器的控制台。
注：请使用 document.write() 仅仅向文档输出写内容。如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖。

操作 HTML 元素

如需从 JavaScript 访问某个 HTML 元素，可以使用 document.getElementById(id)方法。
请使用 “id” 属性来标识 HTML 元素，并 innerHTML来获取或插入元素内容。

<!DOCTYPE html>
<html>
<body>
<h1>一个 Web 页面</h1>
<p id="dayone">Day One</p>

<script>
document.getElementById("dayone").innerHTML = "新年快乐";
</script>

</body>
</html>

写到 HTML 文档

可以将JavaScript直接写在HTML 文档中

<!DOCTYPE html>
<html>
<body>
<h1>一个 Web 页面</h1>
<p id="dayone">Day One</p>

<script>
document.write(Date());
</script>

</body>
</html>

2. JavaScript语法

JavaScript 字面量

数字（Number）；字符串（String）；数组（Array）；对象（Object）；函数（Function）

JavaScript 变量

变量是一个名称。字面量是一个值。
变量用于存储数据值。JS使用关键字var来定义变量，使用等号来为变量赋值：

var e, a, t  
e = 6
a = 6
t = 6

可以在声明变量时对其赋值：

var carname="Volvo";

一个好的编程习惯是，在代码开始处，统一对需要的变量进行声明。

创建名为 wait 的变量，并向其赋值 “holiday”，然后把它放入 id=“dayone” 的 HTML 段落中：

var wait="holiday";
document.getElementById("dayone").innerHTML=wait;

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

var waitFirst="holiday", waitSec="next holiday";

未使用值来声明的变量，其值是 undefined：

var carname;

JavaScript 关键字

var…

JavaScript 数据类型

var length = 16;                                  // Number 通过数字字面量赋值
var points = x * 10;                              // Number 通过表达式字面量赋值
var lastName = "Johnson";                         // String 通过字符串字面量赋值
var cars = ["Saab", "Volvo", "BMW"];              // Array  通过数组字面量赋值
var person = {firstName:"John", lastName:"Doe"};  // Object 通过对象字面量赋值

值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol。

引用数据类型：对象(Object)、数组(Array)、函数(Function)。
更多

JavaScript 函数

关键词 function 必须是小写的，并且必须以与函数名称相同的大小写来调用函数。

function myFunction(a, b) {
    return a + b;
}

调用带参数的函数
在调用函数时，您可以向其传递值，这些值被称为参数。
当您声明函数时，请把参数作为变量来声明：

function myFunction(var1,var2)
{
codeeeee
}

带有返回值的函数

语法：

function myFunction()
{
    var x=5;
    return x;
}

函数调用将被返回值取代：

var myVar=myFunction();

即使不把它保存为变量，您也可以使用返回值：

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

局部变量、全局变量
向未声明的 JavaScript 变量分配值

3. JavaScript语句

下面的 JavaScript 语句向 id=“dayone” 的 HTML 元素输出文本 “Don’t be silly” ：

document.getElementById("dayone").innerHTML = "Don't be silly";

JavaScript 语句标识符

var：声明一个变量
function：定义一个函数
return：退出函数

4. JavaScript对象

变量 car 设置值为 “Fiat” :

var car = "Fiat";

对象也是一个变量，但对象可以包含多个值（多个变量）。

var car = {type:"Fiat", model:500, color:"white"};

在以上实例中，3 个值 (“Fiat”, 500, “white”) 赋予变量 car。
在以上实例中，3 个变量 (type, model, color) 赋予变量 car。

微微豆奶z

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS学习笔记_Day One

1. JavaScript输出JavaScript 可以通过不同的方式来输出数据：使用 window.alert() 弹出警告框。使用 document.write() 方法将内容写到 HTML 文档中。使用 innerHTML 写入到 HTML 元素。使用 console.log() 写入到浏览器的控制台。注：请使用 document.write() 仅仅向文档输出写内容。如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖。操作 HTML 元素如需从 J
复制链接

扫一扫