如何在html引用js代码

在HTML中引用JavaScript的方法有三种：

1. 内嵌式引用：在HTML文件中使用

```

上面的示例代码中，我们在文档中直接定义了一个函数，并在页面加载完毕后直接调用该函数。这种方式比较简单，但是在JavaScript代码较多的情况下，会导致HTML文件变得冗长，不利于维护和管理。

2. 内部式引用

内部式引用在HTML文件中使用

点击我

```

上面的示例代码中，我们在标签中引用了名为myScript.js的JavaScript文件，这个文件中包含了sayHello()函数的实现。在HTML文件中，我们只需要通过onclick事件调用这个函数即可。

3. 外部式引用

外部式引用和内部式引用类似，但是需要额外设置src属性。示例代码如下：

```

```

上面的示例代码中，我们不仅引用了myScript.js文件，还引用了jquery-3.6.0.min.js文件。值得一提的是，这个文件并不是我们自己编写的JavaScript代码，而是jQuery提供的一个库文件。同样，我们在HTML文件中设置了crossorigin属性，以确保引用的文件来源可靠。

总结

在HTML文件中引用JavaScript文件有三种方式：内嵌式引用、内部式引用和外部式引用。其中，内嵌式引用比较简单，但是适用范围较小；内部式引用和外部式引用相对更为常用，能够分离HTML和JavaScript代码，便于维护和管理。在引用外部文件时，应该确保文件来源可靠，并设置好跨域相关属性。

壹涵网络我们是一家专注于网站建设、企业营销、网站关键词排名、AI内容生成、新媒体营销和短视频营销等业务的公司。我们拥有一支优秀的团队，专门致力于为客户提供优质的服务。

我们致力于为客户提供一站式的互联网营销服务，帮助客户在激烈的市场竞争中获得更大的优势和发展机会！