手册

目录

使用

收藏880

阅读848

更新时间2025-08-07

标签之间。

实例


运行实例 »

点击 "运行实例" 按钮查看在线实例

注释:旧的 JavaScript 例子也许会使用 type 属性:

一张网页

一个段落

运行实例 »

点击 "运行实例" 按钮查看在线实例

中的 JavaScript

在本例中,JavaScript 函数被放置于 HTML 页面的 部分。

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

实例



 

A Web Page

一个段落

运行实例 »

点击 "运行实例" 按钮查看在线实例

提示:把脚本置于 元素的底部,可改善显示速度,因为脚本编译会拖慢显示。

外部脚本

脚本可放置与外部文件中:

外部文件:myScript.js

function myFunction() {
   document.getElementById("demo").innerHTML = "段落被更改。";
}

外部脚本很实用,如果相同的脚本被用于许多不同的网页。

JavaScript 文件的文件扩展名是 .js

如需使用外部脚本,请在 运行实例 »

点击 "运行实例" 按钮查看在线实例

您可以在 中放置外部脚本引用。

该脚本的表现与它被置于

外部引用

可通过完整的 URL 或相对于当前网页的路径引用外部脚本:

本例使用完整的 URL 来链接至脚本:

实例


运行实例 »

点击 "运行实例" 按钮查看在线实例

本例使用了位于当前网站上指定文件夹中的脚本:

实例


运行实例 »

点击 "运行实例" 按钮查看在线实例

本例链接了与当前页面相同文件夹的脚本:

实例


运行实例 »

点击 "运行实例" 按钮查看在线实例

您能够在 HTML 文件路径中学习更多有关文件路径的知识。

相关

视频

RELATED VIDEOS

更多

免费

Web前端开发极速入门
初级 Web前端开发极速入门

219920次学习

收藏

免费

前端入门_HTML5
初级 前端入门_HTML5

616946次学习

收藏

免费

30分钟学会网站布局
初级 30分钟学会网站布局

238440次学习

收藏

免费

CSS视频教程-玉女心经版
初级 CSS视频教程-玉女心经版

393054次学习

收藏

免费

独孤九贱(1)_HTML5视频教程

免费

独孤九贱(6)_jQuery视频教程

免费

独孤九贱(7)_Bootstrap视频教程

免费

独孤九贱(2)_CSS视频教程
初级 独孤九贱(2)_CSS视频教程

229605次学习

收藏

精选课程

更多
前端入门_HTML5
前端入门_HTML5

共29课时

61.8万人学习

CSS视频教程-玉女心经版
CSS视频教程-玉女心经版

共25课时

39.4万人学习

JavaScript极速入门_玉女心经系列
JavaScript极速入门_玉女心经系列

共43课时

71.1万人学习

独孤九贱(1)_HTML5视频教程
独孤九贱(1)_HTML5视频教程

共25课时

61.7万人学习

独孤九贱(2)_CSS视频教程
独孤九贱(2)_CSS视频教程

共22课时

23万人学习

独孤九贱(3)_JavaScript视频教程
独孤九贱(3)_JavaScript视频教程

共28课时

34万人学习

独孤九贱(4)_PHP视频教程
独孤九贱(4)_PHP视频教程

共89课时

125.3万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号