file.js 怎么存放一个公共的方法
时间: 2024-03-17 21:40:39 浏览: 22
你可以将公共的方法定义在一个独立的 JavaScript 文件中,然后在需要使用该方法的 HTML 文件中引入该文件。
以下是一个示例,假设你的公共方法为 `common.js`,其中包含了一个名为 `isMobile()` 的函数,可以这样存放:
1. 在项目目录中新建一个名为 `js` 的文件夹,用于存放 JavaScript 文件。
2. 在 `js` 文件夹中新建一个名为 `common.js` 的文件,并将 `isMobile()` 方法定义在其中:
```javascript
function isMobile() {
var userAgent = navigator.userAgent;
return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(userAgent);
}
```
3. 在需要使用该方法的 HTML 文件中,通过 `<script>` 标签引入 `common.js` 文件:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>使用公共方法</title>
<script src="js/common.js"></script>
</head>
<body>
<script>
if (isMobile()) {
alert("当前设备为移动设备");
} else {
alert("当前设备为桌面设备");
}
</script>
</body>
</html>
```
在上述代码中,通过 `<script>` 标签的 `src` 属性引入了 `common.js` 文件,在 HTML 文件中可以直接使用 `isMobile()` 方法。
这样做的好处是,可以将公共的方法抽离出来,避免代码重复,并且方便维护。如果需要修改公共方法,只需要修改一次即可,所有引用该方法的 HTML 文件都会生效。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://img-home.csdnimg.cn/images/20210720083646.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)