JavaScript 使用

2023-04-02 20:40| 来源: 网络整理| 查看: 265

w3school 在线教程 HTML 系列教程浏览器脚本服务器脚本编程教程 XML 系列教程建站手册参考手册 JS 教程 JS 教程 JS 简介 JS 使用 JS 输出 JS 语句 JS 语法 JS 注释 JS 变量 JS Let JS Const JS 运算符 JS 算数 JS 赋值 JS 数据类型 JS 函数 JS 对象 JS 事件 JS 字符串 JS 字符串方法 JS 字符串搜索 JS 字符串模板 JS 数字 JS 数字方法 JS 数组 JS 数组方法 JS 数组排序 JS 数组迭代 JS 数组 Const JS 日期 JS 日期格式 JS 日期获取方法 JS 日期设置方法 JS 数学 JS 随机 JS 逻辑 JS 比较 JS 条件 JS Switch JS Loop For JS Loop For In JS Loop For Of JS Loop While JS Break JS typeof JS 类型转换 JS 位运算 JS 正则表达式 JS 异常 JS 作用域 JS Hoisting JS 严格模式 JS this 关键词 JS 箭头函数 JS 类 JS JSON JS 调试 JS 样式指南 JS 最佳实践 JS 错误 JS 性能 JS 保留词 JS 版本 JS 版本 JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Edge JS 历史 JS 对象 JS 对象定义 JS 对象属性 JS 对象方法 JS 对象显示 JS 对象访问器 JS 对象构造器 JS 对象原型 JS 对象引用 JS Map() JS Set() JS 函数 JS 函数定义 JS 函数参数 JS 函数调用 JS 函数 Call JS 函数 Apply JS 闭包 JS 类 JS 类简介 JS 类继承 JS Static JS Async JS 回调 JS 异步 JS Promise JS Async JS HTML DOM DOM 简介 DOM 方法 DOM 文档 DOM 元素 DOM HTML DOM 表单 DOM CSS DOM 动画 DOM 事件 DOM 事件监听程序 DOM 导航 DOM 节点 DOM 集合 DOM 节点列表 JS Browser BOM JS Window JS Screen JS Location JS History JS Navigator JS 弹出框 JS Timing JS Cookies JS Web API Web API 简介 Web Form API Web History API Web Storage API Web Worker API Web Fetch API Web Geolocation API JS AJAX AJAX 简介 AJAX XMLHttp AJAX 请求 AJAX 响应 AJAX XML 文件 AJAX PHP AJAX ASP AJAX 数据库 AJAX 应用程序 AJAX 实例 JS JSON JSON 简介 JSON 语法 JSON vs XML JSON 数据类型 JSON 解析 JSON 字符串化 JSON 对象 JSON 数组 JSON 服务器 JSON PHP JSON HTML JSON JSONP JS vs jQuery jQuery 选择器 jQuery HTML jQuery CSS jQuery DOM JS 实例 JS 实例 JS HTML DOM JS HTML 输入 JS HTML 对象 JS HTML 事件 JS Browser JS 测验 JS 参考手册 JavaScript 对象 HTML DOM 对象建站手册网站构建万维网联盟 (W3C) 浏览器信息网站品质语义网职业规划网站主机关于 W3School 帮助 W3School JavaScript 使用 JS 简介 JS 输出标签

在 HTML 中，JavaScript 代码必须位于与标签之间。

实例 document.getElementById("demo").innerHTML = "我的第一段 JavaScript";

亲自试一试

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

注释：type 属性不是必需的。JavaScript 是 HTML 中的默认脚本语言。

JavaScript 函数和事件

JavaScript 函数是一种 JavaScript 代码块，它可以在调用时被执行。

例如，当发生事件时调用函数，比如当用户点击按钮时。

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

或中的 JavaScript

您能够在 HTML 文档中放置任意数量的脚本。

脚本可被放置与 HTML 页面的或部分中，或兼而有之。

中的 JavaScript

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

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

实例 function myFunction() { document.getElementById("demo").innerHTML = "段落被更改。"; } 一张网页

一个段落

试一试

亲自试一试

中的 JavaScript

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

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

实例 A Web Page

一个段落

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

亲自试一试

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

外部脚本

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

外部文件：myScript.js function myFunction() { document.getElementById("demo").innerHTML = "段落被更改。"; }

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

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

如需使用外部脚本，请在标签的 src (source) 属性中设置脚本的名称：

实例

亲自试一试

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

该脚本的表现与它被置于标签中是一样的。

注释：外部脚本不能包含标签。

外部 JavaScript 的优势

在外部文件中放置脚本有如下优势：

分离了 HTML 和代码使 HTML 和 JavaScript 更易于阅读和维护已缓存的 JavaScript 文件可加速页面加载

如需向一张页面添加多个脚本文件 - 请使用多个 script 标签：

实例外部引用

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

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

实例

亲自试一试

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

实例

亲自试一试

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

实例

亲自试一试

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

JS 简介 JS 输出 JavaScript 和 HTML DOM 参考手册 JavaScript 实例 JavaScript 测验 JavaScript 高级教程

使用条款隐私条款技术支持：赢科蒙ICP备06004630号

【本文地址】

公司简介

联系我们