JavaScript (JS) 是一种用于创建动态网页的脚本语言,可以通过内联或外部脚本编写。其语法遵循基于文本的规则,包括以分号结尾的语句、大括号分隔的代码块、变量声明和事件侦听器响应交互。以下是编写 JavaScript 程序的基本步骤和示例:
编写位置
内联脚本:将 JS 代码直接写在 HTML 标记内,通常使用 `
```
外部脚本:将 JS 代码保存在一个单独的文件中,然后使用 `
```
基本语法
语句:以分号 (;) 结尾的语句。
代码块:使用大括号 ({}) 分组代码块。
变量声明:使用 `var`、`let` 或 `const` 关键字声明变量。例如:
```javascript
var name = "John";
let age = 30;
const PI = 3.14159;
```
数据类型:包括 String、Number、Boolean、Null 和 Undefined。
函数:使用 `function` 关键字定义函数。例如:
```javascript
function greet(name) {
console.log("Hello, " + name + "!");
}
```
事件监听器:使用事件监听器(如 `onload`、`onclick`)来响应用户交互。例如:
```javascript
document.getElementById("myButton").onclick = function() {
alert("Button clicked!");
};
```
示例代码
获取元素并更改其文本内容:
```javascript
// 获取带有 id="headline" 的元素
var headline = document.getElementById("headline");
headline.innerHTML = "Hello, World!";
```
注释
单行注释:使用 `//`。例如:
```javascript
// 这是一个单行注释
```
多行注释:使用 `/* */`。例如:
```javascript
/*
这是一个
多行注释
*/
```
输出信息
使用 `console.log()` 方法输出信息到控制台。例如:
```javascript
console.log("Hello, World!");
```
获取元素
使用 `document.querySelector()` 或 `document.querySelectorAll()` 方法获取 HTML 元素。例如:
```javascript
var firstParagraph = document.querySelector("p");
```
操作元素
使用 `innerHTML`、`style` 等属性来操作元素的内容和样式。例如:
```javascript
document.getElementById("myElement").style.color = "red";
```
通过以上步骤和示例,你可以编写基本的 JavaScript 程序来创建动态网页和响应用户交互。建议将 JavaScript 代码编写在外部文件中,以便于维护和重用。