我有一个JS函数,应在HTML中使用onload执行。仅在刷新浏览器后,该功能才在页面上运行。我在本地和发布的网站上都遇到相同的问题。
在html中,我有:
<body class="theme-light" data-background="none" data-highlight="red2" onload="myRequest()">
在JS中:
const myRequest = () => {
const seasonProductSelector = Math.floor(Math.random() * 13);
let inputValue = getSeasonalProductsArray(n)[seasonProductSelector];
let url = 'https://api.spoonacular.com/recipes/search?apiKey=**************&query='+inputValue+'&number=1';
xhr.open('GET', url);
xhr.send();
};
当我手动刷新页面时,我知道函数本身可以正常工作。但是它不会在第一次加载页面时运行。
感谢您的帮助。
非常感谢您的回答。原来我正在使用的模板要求将JS放在特定文件中才能起作用。