20180608-前端系统学习-HTML之插入脚本

最新推荐文章于 2024-06-18 17:34:46 发布

Jack_Even

最新推荐文章于 2024-06-18 17:34:46 发布

阅读量780

点赞数

分类专栏：前端系统学习

本文链接：https://blog.csdn.net/weixin_40582630/article/details/80627421

版权

本文介绍了HTML中插入脚本的三种方式：行内脚本、内嵌脚本和外联脚本，详细讲解了每种方式的特点和用法，包括事件触发、脚本类型、模块化、async/defer属性以及crossorigin属性的应用。

摘要由CSDN通过智能技术生成

1. 插入脚本

行内脚本（Inline Script）
内嵌脚本（Internal Script）
外联脚本（External Script）

---行内脚本

最常见的on[EventName]事件触发

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>InsertJs</title>
</head>
<body>
    <input type="button" value="Hello" onclick="window.alert('Hello World!')">
    <span onmouseover="this.style.backgroundColor='magenta'" onmouseout="this.style.backgroundColor='#0000ff'" onclick="this.style.visibility='hidden'">
        Hello World!
    </span>
</body>
</html>

也可以在一个事件中插入多个脚本语句

<!DOCTYPE html>
<html lang="en

最低0.47元/天解锁文章

Jack_Even

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
20180608-前端系统学习-HTML之插入脚本

1. 插入脚本行内脚本（Inline Script）内嵌脚本（Internal Script）外联脚本（External Script）---行内脚本最常见的on[EventName]事件触发&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; ...
复制链接

扫一扫

专栏目录