JavaScript 教程

javascript 教程

javascript(简称“js”)是一种轻量级,解释型或即时编译型的编程语言,通常用于 web 页面的开发。javascript 支持面向对象、命令式和声明式(如函数式编程)风格。

 

1. javascript 是脚本语言

  • javascript 是一种轻量级的编程语言。
  • javascript 可以插入页面的 html 代码中。
  • javascript 在 html 页面中可由浏览器执行。
  • javascript 语法比较简单,很容易学习。

 

2. 为什么学习 javascript

javascript 是前端开发者必须学习的三门语言中的一门。前端三门语言包括:html、css、javascript,它们的主要用处:

  • html 定义了网页的内容。
  • css 描述了网页的布局。
  • javascript 控制网页的行为。

本教程我们将介绍 javascript 和学习如何使用 javascript 与 html 和 css 一起工作。

 

3. javascript 范例

我们提供了一些范例,用来展示 javascript 的能力。

1)javascript 能够改变 html 内容

getelementbyid() 是多个 javascript html 方法之一。

本例使用该方法来“查找” id="demo" 的 html 元素,并把元素内容(innerhtml)更改为 "hello javascript":

范例:

document.getelementbyid("demo").innerhtml = "hello javascript";

提示:javascript 同时接受双引号和单引号:

范例:

document.getelementbyid("demo").innerhtml = 'hello javascript';

2)javascript 能够改变 html 属性

本例通过改变 标签的 src 属性(source)来改变一张 html 图像:

范例:

3)javascript 能够改变 html 样式 (css)

改变 html 元素的样式,是改变 html 属性的一种变种:

范例:

document.getelementbyid("demo").style.fontsize = "25px";

下一节:js 使用

js 教程

相关文章