JavaScript 学习

JavaScript 作用

JavaScript 是一种轻量级的编程语言， 是可插入 HTML 页面的编程代码，插入 HTML 页面后，可由所有的现代浏览器执行，可控制网页的行为。

（学之前要了解一下html和css).

1.直接写入 HTML 输出流

document.write("

这是一个标题

");

document.write("

这是一个段落。

");

2.对事件的反应

点我!

3.改变 HTML 内容

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

4.改变 HTML 样式

x=document.getElementById("demo") //找到元素

x.style.color="#ff0000"; //改变样式

5.验证输入

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

if(isNaN(x)||x.replace(/(^\s*)|(\s*$)/g,"")==""){
    alert("不是数字");}

用法

HTML 中的 Javascript 脚本代码必须位于  标签之间。（ 会告诉 JavaScript 在何处开始和结束。）

Javascript 脚本代码可被放置在 HTML 页面的  和  部分中。

中的 JavaScript

下面是一个简单的例子：

.
.

.
.

中的 JavaScript 函数

例子：

我的 Web 页面

一个段落

尝试一下

外部的 JavaScript

也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。

外部 JavaScript 文件的文件扩展名是 .js。

如需使用外部文件，请在

你可以将脚本放置于 或者 中，放在

给一个弹窗弹出500

操作 HTML 元素

如需从 JavaScript 访问某个 HTML 元素，您可以使用 document.getElementById(id) 方法。

请使用 "id" 属性来标识 HTML 元素，并 innerHTML 来获取或插入元素内容：

我的第一个 Web 页面

    

我的第一个段落

document.getElementById("demo") 是使用 id 属性来查找 HTML 元素的 JavaScript 代码 。

innerHTML = "段落已修改。" 是用于修改元素的 HTML 内容(innerHTML)的 JavaScript 代码。

写到 HTML 文档

我的第一个 Web 页面

    

我的第一个段落。

    

给出中国时间。

.

我的第一个 Web 页面

我的第一个段落。

点我

点击 点我后给出中国时间。