javaScript的书写位置

javascript的书写位置有哪些呢?有什么注意事项吗?让我为大家介绍一下吧!

1.内部

注意 :书写位置尽量写到文档末尾</ body>的前面

在我们内部书写JS的时候

html 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>内部</title>
</head>
<body>
    <div>1</div>
    <div>2</div>
    <div>3</div>
    /* 尽量写到元素之后,如果写前面,页面还没加载好我们就已经开始运行JS部分了 */
    /* 扩展:到后面我们有一个页面加载事件可以解决这一问题(onload) */
    <script>
        alert("我是内部书写位置")
    </script>
</body>
</html>

2.外部

外部的方式是很常用的一种方法,在开发过程中基本都是外部

html 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>外部</title>
</head>
<body>
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <!-- 这是外部形式 -->
    <scrip src="wz.js">不能直接写这,如果写了会忽略里面代码</scrip>
</body>
</html>

3.行内

html 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>行内</title>
</head>
<body>
    <!-- 这是行内形式 -->
    <!-- 了解一下就行了 -->
    <button onclick="cli()">点击</button>
</body>
</html>

感谢大家的阅读,如有不对的地方,可以向我提出,感谢大家!

相关推荐
思则变2 分钟前
[Pytest] [Part 2]增加 log功能
开发语言·python·pytest
vvilkim13 分钟前
Electron 自动更新机制详解:实现无缝应用升级
前端·javascript·electron
vvilkim16 分钟前
Electron 应用中的内容安全策略 (CSP) 全面指南
前端·javascript·electron
lijingguang18 分钟前
在C#中根据URL下载文件并保存到本地,可以使用以下方法(推荐使用现代异步方式)
开发语言·c#
aha-凯心27 分钟前
vben 之 axios 封装
前端·javascript·学习
漫谈网络31 分钟前
WebSocket 在前后端的完整使用流程
javascript·python·websocket
¥-oriented42 分钟前
【C#中路径相关的概念】
开发语言·c#
CoderCodingNo1 小时前
【GESP】C++四级考试大纲知识点梳理, (7) 排序算法基本概念
开发语言·c++·排序算法
恋猫de小郭1 小时前
Meta 宣布加入 Kotlin 基金会,将为 Kotlin 和 Android 生态提供全新支持
android·开发语言·ios·kotlin
JosieBook1 小时前
【Java编程动手学】使用IDEA创建第一个HelloJava程序
java·开发语言·intellij-idea