前端基础（3）：javascript 基础语法（1）-CSDN博客

本文介绍了JavaScript的基本概念及其在网页开发中的多种应用方式，包括直接写入HTML输出流、响应事件、改变HTML内容和图像、修改样式及验证输入等。此外还列举了JavaScript与HTML DOM的相关对象及其属性和方法。

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

日期：2017/10/26

JavaScript是前端开发的主要力量，JavaScript 是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。

JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。
JavaScript 很容易学习。

2.作用效果

2.1 直接写入 HTML 输出流

document.write("<h1>这是一个标题</h1>");
document.write("<p>这是一个段落。</p>");

只能在 HTML 输出中使用 document.write。如果您在文档加载后使用该方法，会覆盖整个文档。

2.2 对事件的反应

<button type="button" onclick="alert('欢迎!')">点我!</button>

2.3 改变 HTML 内容（使用 JavaScript 来处理 HTML 内容是非常强大的功能。）

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

2.4 改变 HTML 图像（ JavaScript 能够改变任意 HTML 元素的大多数属性，而不仅仅是图片。）

2.5 改变 HTML 样式（改变 HTML 元素的样式，属于改变 HTML 属性的变种。）


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

2.6 验证输入（常用于验证用户的输入。）

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

参考手册描述了每个对象的属性和方法，并提供了在线实例。

参考手册描述了每个对象的属性和方法，并提供了在线实例。

参考手册描述了 HTML DOM 的属性和方法，并提供在线实例。

参考手册描述了每个对象的属性和方法，并提供了在线实例。