javaScript的书写位置

远近高低各不同2024-01-24 18:34

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>

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