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>

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

相关推荐
R-sz7 分钟前
导出word并且插入图片
开发语言·c#·word
CodeWithMe8 分钟前
【读书笔记】《C++ Software Design》第一章《The Art of Software Design》
开发语言·c++
脑袋大大的26 分钟前
判断当前是否为钉钉环境
开发语言·前端·javascript·钉钉·企业应用开发
军军君0135 分钟前
基于Springboot+UniApp+Ai实现模拟面试小工具二:后端项目搭建
前端·javascript·spring boot·spring·微信小程序·前端框架·集成学习
Wy. Lsy1 小时前
Kotlin基础学习记录
开发语言·学习·kotlin
Tanecious.1 小时前
C++--红黑树
开发语言·c++
Top`2 小时前
Java 泛型 (Generics)
java·开发语言·windows
爱吃土豆的马铃薯ㅤㅤㅤㅤㅤㅤㅤㅤㅤ2 小时前
如何使用Java WebSocket API实现客户端和服务器端的通信?
java·开发语言·websocket
Shartin2 小时前
Can201-Introduction to Networking: Application Layer应用层
服务器·开发语言·php
江城开朗的豌豆3 小时前
退出登录后头像还在?这个缓存问题坑过多少前端!
前端·javascript·vue.js