js代码大全

来源:undefined 2025-06-13 02:22:44 0

JavaScript(简称JS)是一种脚本语言,用于在网页上添加交互功能。随着互联网的发展,JavaScript逐渐成为前端开发和全栈开发必备的技能。下面是一些常见的JavaScript代码示例,涵盖了不同的用例和功能。

1. 输出到控制台

console.log("Hello

world!"); // 输出Hello

world!到控制台

2. 变量和数据类型

var name = "John"; // 字符串

var age = 30; // 数字

var isStudent = true; // 布尔值

var fruits = ["apple"

"banana"

"orange"]; // 数组

var person = {name: "John"

age: 30}; // 对象

3. 条件语句

if (age >= 18) {

console.log("成年人");

} else {

console.log("未成年人");

}

4. 循环

for (var i = 0; i < 5; i++) {

console.log(i);

}

var fruits = ["apple"

"banana"

"orange"];

for (var fruit of fruits) {

console.log(fruit);

}

5. 函数

function sayHello(name) {

console.log("Hello

" + name);

}

sayHello("John"); // 输出Hello

John

6. DOM操作

var element = document.getElementById("myElement"); // 根据ID获取元素

element.innerHTML = "Hello

world!"; // 修改元素的内容

element.addEventListener("click"

function() {

console.log("被点击了");

}); // 添加点击事件监听器

7. Ajax请求

var xhr = new XMLHttpRequest();

xhr.open("GET"

"https://api.example.com/data"

true); // 准备一个GET请求

xhr.send();

xhr.onreadystatechange = function() {

if (xhr.readyState === 4 && xhr.status === 200) {

var response = JSON.parse(xhr.responseText);

console.log(response);

}

};

这是一些基本的JavaScript代码示例,可以帮助你入门。当然,JavaScript是一门非常广阔的语言,还有很多其他的功能和用法。如果你想深入了解,可以阅读相关的书籍和教程,参与在线编程课程或练习编写更多的实际代码。

上一篇:redis linux 安装 下一篇:tensorflow官方文档

最新文章