js复习笔记day1

最新推荐文章于 2025-08-08 17:07:36 发布

Luna_hua

最新推荐文章于 2025-08-08 17:07:36 发布

阅读量227

点赞数

CC 4.0 BY-SA版权

分类专栏： js 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/huali_1995/article/details/77196488

js 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了JavaScript的基础知识，包括如何使用JavaScript来改变HTML内容、图像和样式，验证输入，以及输出数据的方法。此外还讲解了JavaScript的数据类型、变量声明、数组和对象等核心概念。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一.基础

JavaScript 是脚本语言

JavaScript 是一种轻量级的编程语言。

JavaScript 是可插入 HTML 页面的编程代码。

JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。

JavaScript 很容易学习。

JavaScript：改变 HTML 内容

x=document.getElementById("demo")  //查找元素
x.innerHTML="Hello JavaScript";    //改变内容

JavaScript：改变 HTML 图像

element=document.getElementById('myimage')
	if (element.src.match("bulbon"))
 	{
  		element.src="/images/pic_bulboff.gif";
  	}
	else
   {
  		element.src="/images/pic_bulbon.gif";
   }

JavaScript：改变 HTML 样式

x=document.getElementById("demo")  //找到元素 
x.style.color="#ff0000";           //改变样式

JavaScript：验证输入

if isNaN(x) {alert("不是数字")};

JavaScript 输出

JavaScript 没有任何打印或者输出的函数。

JavaScript 显示数据

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

使用 window.alert() 弹出警告框。
使用 document.write() 方法将内容写到 HTML 文档中。
使用 innerHTML 写入到 HTML 元素。
使用 console.log() 写入到浏览器的控制台。

注：DOM (Document Object Model)（文档对象模型）是用于访问 HTML 元素的正式 W3C 标准。

JavaScript 字面量

document.getElementById("demo").innerHTML = 123e5;／／结果：12300000

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 通过对象字面量赋值

16 + "Volvo”//"16Volvo"

JavaScript 对大小写是敏感的。

重新声明 JavaScript 变量

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

var carname="Volvo"; 
var carname;

JavaScript 拥有动态类型

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

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

JavaScript 数组

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 对象

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

Undefined 和 Null

Undefined 这个值表示变量不含有值。

可以通过将变量的值设置为 null 来清空变量

JavaScript 对象是拥有属性和方法的数据。

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

访问对象属性

person.lastName;

person["lastName"];