js 外部引入文档加载完成
时间: 2023-07-18 22:27:29 浏览: 41
可以使用以下方法在外部引入的 JavaScript 文档加载完成后执行代码:
1. 使用 window.onload 事件
```javascript
window.onload = function() {
// 在文档加载完成后执行的代码
};
```
2. 使用 document.onload 事件
```javascript
document.onload = function() {
// 在文档加载完成后执行的代码
};
```
3. 使用 jQuery 的 ready() 方法
```javascript
$(document).ready(function() {
// 在文档加载完成后执行的代码
});
```
4. 使用 addEventListener() 方法
```javascript
document.addEventListener("DOMContentLoaded", function() {
// 在文档加载完成后执行的代码
});
```
这些方法都可以在外部引入的 JavaScript 文档加载完成后执行代码,具体使用哪种方法取决于你的需求和个人喜好。
相关问题
用uniapp引入外部js
在Uniapp中引入外部JS文件,可以通过以下步骤进行操作:
1. 将外部的JS文件拷贝到Uniapp项目的static目录下(如果没有该目录,可以手动创建)。
2. 在需要使用该外部JS文件的页面或组件中,使用`<script>`标签引入该文件。例如,如果外部JS文件名为`external.js`,可以在页面或组件的vue文件中添加以下代码:
```javascript
<script>
import { onMounted } from 'vue'
export default {
setup() {
onMounted(() => {
const script = document.createElement('script')
script.src = '@/static/external.js' // 外部JS文件的路径
document.body.appendChild(script)
})
}
}
</script>
```
这样,当页面或组件加载时,就会动态地向HTML文档中添加一个`<script>`标签,并将外部JS文件引入到页面中。
请注意,`@/static/external.js`是以`@`开头的路径,这是Uniapp中的别名,指向项目根目录。根据实际情况,你可能需要调整路径。
通过以上步骤,就可以在Uniapp中成功引入外部JS文件并使用其中的方法和功能了。
html引入外部独立的js文件依赖项
如果需要引入外部独立的JavaScript文件依赖项,可以使用以下方法:
1. 在HTML文档中先引入依赖项的JavaScript文件,例如:
```
<script src="dependency.js"></script>
```
2. 在HTML文档中再引入主JavaScript文件,例如:
```
<script src="main.js"></script>
```
在这个例子中,`main.js`文件依赖于`dependency.js`文件,因此需要先引入`dependency.js`文件,再引入`main.js`文件。这样浏览器会按照引入的顺序依次加载这两个JavaScript文件。