页面显示的时候调用js方法

// 方法一：使用window.onload
window.onload = function() {
    console.log('页面完全加载后执行');
    myFunction();
};

// 方法二：使用DOMContentLoaded事件
document.addEventListener('DOMContentLoaded', function() {
    console.log('DOM加载完成后执行');
    myFunction();
});

function myFunction() {
    // 这里放置需要执行的代码
    alert('JS方法被调用了！');
}

import React, { Component } from 'react';

class MyComponent extends Component {
    componentDidMount() {
        console.log('组件挂载后执行');
        this.myMethod();
    }

    myMethod() {
        // 这里放置需要执行的代码
        alert('React组件的JS方法被调用了！');
    }

    render() {
        return <div>我的组件</div>;
    }
}

export default MyComponent;

<template>
  <div>我的组件</div>
</template>

<script>
export default {
  mounted() {
    console.log('Vue组件挂载后执行');
    this.myMethod();
  },
  methods: {
    myMethod() {
      // 这里放置需要执行的代码
      alert('Vue组件的JS方法被调用了！');
    }
  }
}
</script>