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>

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

相关推荐
o0o_-_14 分钟前
【go/gopls/mcp】官方gopls内置mcp server使用
开发语言·后端·golang
Dxy123931021629 分钟前
python把文件从一个文件复制到另一个文件夹
开发语言·python
不要再敲了1 小时前
JavaScript与jQuery:从入门到面试的完整指南
javascript·面试·jquery
酷飞飞1 小时前
Qt Designer与事件处理
开发语言·qt·命令模式
天雪浪子1 小时前
Python入门教程之赋值运算符
开发语言·python
Wadli2 小时前
C++语法 | static静态|单例模式
开发语言·c++·单例模式
reembarkation2 小时前
使用pdfjs-dist 预览pdf,并添加文本层的实现
前端·javascript·pdf
reembarkation2 小时前
vue-pdf 实现blob数据的预览
javascript·vue.js·pdf
他们都不看好你,偏偏你最不争气2 小时前
【iOS】AFNetworking
开发语言·macos·ios·objective-c
李明卫杭州2 小时前
JavaScript中的dispatchEvent方法详解
javascript