没有合适的资源？快使用搜索试试~ 我知道了~

文库首页前端Javascriptw3school Javascript & jQuery教程飞龙整理 20140930

w3school Javascript & jQuery教程飞龙整理 20140930

w3school

Javascript

jQuery

pdf

5星 · 超过95%的资源需积分: 10 21 下载量 59 浏览量 2014-09-30 18:42:50 上传评论收藏 2.69MB PDF 举报

温馨提示

试读

276页

w3school Javascript & jQuery教程飞龙整理 20140930

资源推荐

资源详情

资源评论

W3School Javascript & jQuery 教程

来源：www.w3school.com.cn

整理：飞龙

日期：2014.9.30

JavaScript 简介

JavaScript 是世界上最流行的编程语言。

这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机

等设备。

JavaScript 是脚本语言

JavaScript 是一种轻量级的编程语言。

JavaScript 是可插入 HTML 页面的编程代码。

JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。

JavaScript 很容易学习。

您将学到什么

下面是您将在本教程中学到的主要内容。

JavaScript：写入 HTML 输出

实例

document.write("<h1>This is a heading</h1>");

document.write("<p>This is a paragraph</p>");

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

档。

JavaScript：对事件作出反应

实例

alert() 函数在 JavaScript 中并不常用，但它对于代码测试非常方便。

onclick 事件只是您即将在本教程中学到的众多事件之一。

JavaScript：改变 HTML 内容

使用 JavaScript 来处理 HTML 内容是非常强大的功能。

实例

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

x.innerHTML="Hello JavaScript"; //改变内容

您会经常看到 document.getElementByID("some id")。这个方法是 HTML DOM 中定义的。

DOM（文档对象模型）是用以访问 HTML 元素的正式 W3C 标准。

您将在本教程的多个章节中学到有关 HTML DOM 的知识。

JavaScript：改变 HTML 图像

本例会动态地改变 HTML <image> 的来源 (src)：

The Light bulb

点击灯泡就可以打开或关闭这盏灯

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

JavaScript：改变 HTML 样式

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

实例

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

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

JavaScript：验证输入

JavaScript 常用于验证用户的输入。

实例

if isNaN(x) {alert("Not Numeric")};

您知道吗？

提示：JavaScript 与 Java 是两种完全不同的语言，无论在概念还是设计上。

Java（由 Sun 发明）是更复杂的编程语言。

ECMA-262 是 JavaScript 标准的官方名称。

JavaScript 由 Brendan Eich 发明。它于 1995 年出现在 Netscape 中（该浏览器已停止更新），并于

1997 年被 ECMA（一个标准协会）采纳。

课外阅读

JavaScript 高级教程： JavaScript 历史、 JavaScript 实现

JavaScript 使用

HTML 中的脚本必须位于 <script> 与 </script> 标签之间。

脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。

<script> 标签

如需在 HTML 页面中插入 JavaScript，请使用 <script> 标签。

alert("My First JavaScript");

</script>

您无需理解上面的代码。只需明白，浏览器会解释并执行位于 <script> 和 </script> 之间的

JavaScript。

那些老旧的实例可能会在 <script> 标签中使用 type="text/javascript"。现在已经不必这样做了。

JavaScript 是所有现代浏览器以及 HTML5 中的默认脚本语言。

<body> 中的 JavaScript

在本例中，JavaScript 会在页面加载时向 HTML 的 <body> 写文本：

实例

<!DOCTYPE html>

<html>

<body>

document.write("<h1>This is a heading</h1>");

document.write("<p>This is a paragraph</p>");

</script>

</body>

</html>

JavaScript 函数和事件

上面例子中的 JavaScript 语句，会在页面加载时执行。

通常，我们需要在某个事件发生时执行代码，比如当用户点击按钮时。

如果我们把 JavaScript 代码放入函数中，就可以在事件发生时调用该函数。

您将在稍后的章节学到更多有关 JavaScript 函数和事件的知识。

<head> 或 <body> 中的 JavaScript

您可以在 HTML 文档中放入不限数量的脚本。

脚本可位于 HTML 的 <body> 或 <head> 部分中，或者同时存在于两个部分中。

通常的做法是把函数放入 <head> 部分中，或者放在页面底部。这样就可以把它们安置到同一处位置，

不会干扰页面的内容。

<head> 中的 JavaScript 函数

在本例中，我们把一个 JavaScript 函数放置到 HTML 页面的 <head> 部分。

该函数会在点击按钮时被调用：

实例

<!DOCTYPE html>

<html>

<head>

function myFunction()

{

document.getElementById("demo").innerHTML="My First JavaScript Function";

}

</script>

</head>

<body>

<p id="demo">A Paragraph</p>

</body>

</html>

<body> 中的 JavaScript 函数

在本例中，我们把一个 JavaScript 函数放置到 HTML 页面的 <body> 部分。

该函数会在点击按钮时被调用：

实例

<!DOCTYPE html>

<html>

<body>

<p id="demo">A Paragraph</p>

function myFunction()

{

document.getElementById("demo").innerHTML="My First JavaScript Function";

}

</script>

</body>

</html>

提示：我们把 JavaScript 放到了页面代码的底部，这样就可以确保在 <p> 元素创建之后再执行脚本。

外部的 JavaScript

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

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

如需使用外部文件，请在 <script> 标签的 "src" 属性中设置该 .js 文件：

实例

<!DOCTYPE html>

<html>

剩余275页未读，继续阅读

评论收藏

内容反馈

资源评论

资源反馈

评论星级较低，若资源使用遇到问题可联系上传者，3个工作日内问题未解决可申请退款~

sandman3

2014-10-22

资料很全，对我非常有用
merlin_w

2015-08-19

学js和jquery必备的工具

绝不原创的飞龙

粉丝: 1w+
资源: 1091

上传资源快速赚钱

我的内容管理展开

我的资源快来上传第一个资源

我的收益

登录查看自己的收益

我的积分登录查看自己的积分

我的C币登录后查看C币余额

我的收藏

我的下载

下载帮助

前往需求广场，查看用户热搜

w3school Javascript & jQuery教程 飞龙整理 20140930

w3school Javascript & jQuery教程 飞龙整理 20141027

w3school vbs & asp教程 飞龙整理 20140930

w3school html & css教程 飞龙整理 20141002

w3school c语言教程 飞龙整理 20140930

w3school java & java web教程 飞龙整理 20141001

w3school jQuery Mobile教程 飞龙整理 20141022

w3school javascript,jquery教程合集

w3school JavaScript参考手册 飞龙整理 20141003

w3school jQuery UI教程 飞龙整理 20141001

w3school网站建设教程 飞龙整理 20141119

w3school_c# & asp.net教程 飞龙整理 20141001

w3school redis教程 & redis命令参考 飞龙整理 20141114

w3school ruby教程 飞龙整理 20141001

w3school教程 离线版pdf 飞龙整理 20141003

w3school教程PDF全套整理

w3school 正则表达式教程 飞龙整理 20141001

w3school jQuery参考手册 飞龙整理 20141002

w3school redis教程 & redis命令参考 飞龙整理 20141228

echarts-gl.min.js

自主研发的软著申请代码文档整理输出工具

2023前端面试八股文.pdf

javascript网页设计期末作业 购物网站

bdms.js插桩后文件

javaWeb楠小弟自助图书系统项目，使用注解方式配合原生js、axios方式完成整个项目的开发，系统只适合在javaWeb阶段

基于JavaScript网红太空人表盘

小兔鲜项目源码（动态网页，包含首页、注册页、登录页、购物页）原生HTML、CSS、Javascript

jquery-3.7.0.min.js（jQuery下载）

chromedriver-122.0.6261.70-64

Visual Studio Code auto.js.pro专用插件 Auto.js-Pro-Ext hyb1996

最新资源

w3school Javascript & jQuery教程飞龙整理 20140930

w3school Javascript & jQuery教程飞龙整理 20141027

w3school vbs & asp教程飞龙整理 20140930

w3school html & css教程飞龙整理 20141002

w3school c语言教程飞龙整理 20140930

w3school java & java web教程飞龙整理 20141001

w3school jQuery Mobile教程飞龙整理 20141022

w3school JavaScript参考手册飞龙整理 20141003

w3school jQuery UI教程飞龙整理 20141001

w3school网站建设教程飞龙整理 20141119

w3school_c# & asp.net教程飞龙整理 20141001

w3school redis教程 & redis命令参考飞龙整理 20141114

w3school ruby教程飞龙整理 20141001

w3school教程离线版pdf 飞龙整理 20141003

w3school 正则表达式教程飞龙整理 20141001

w3school jQuery参考手册飞龙整理 20141002

w3school redis教程 & redis命令参考飞龙整理 20141228

javascript网页设计期末作业购物网站