Javascript 调用函数而不是重新加载页面

基本上，我有这个功能，从一个文件夹中选择两个不同的随机图像。目前，我正在使用

onClick=“window.location.reload（）

在每次单击时运行函数

我是否可以在不刷新页面的情况下调用function

onClick

提前谢谢

正文{
边界：0；
颜色：#000；
背景：#fff；
保证金：0；
填充：0；
字体：2.1vw/1.2em HelveticaNeue，Arial，无衬线；
字母间距：.02em
}
.标志{
光标：指针；
位置：固定；
排名：0；
左：0；
宽度：100vw；
文本对齐：居中；
z指数：100
}
#一,，
#两个{
位置：固定；
宽度：50vw；
排名：0；
显示：表格
}
#一个{
左：0；
文本对齐：右对齐
}
#两个{
右：0；
文本对齐：左对齐
}
.内部{
显示：表格单元格；
垂直对齐：中间对齐；
高度：100vh；
宽度：100vw
}

var IMG=新数组（）
IMG[0]='https://cdn.shopify.com/s/files/1/0224/5205/products/Siser_EasyWeed_Bright_Red_2048x.jpg?v=1523704262'
IMG[1]='http://thezilla.com/wp-content/uploads/2015/07/blue.png'
IMG[2]='http://d18nh7ureywlth.cloudfront.net/wp-content/uploads/6901-vibrant-green.jpg'
var j=0
var p=IMG.长度；
var preBuffer=新数组（）
对于（i=0；i=WI1）{
WI2+=1；
}
函数showImage1（）{
文件。写（“”）；
}
函数showImage2（）{
文件。写（“”）；
}
（随机动态）
showImage1（）；
showImage2（）；

理想情况下，也不需要使用ajax

我只是使用了一个和你的代码

单击屏幕，图像将随机更改

注意：养成在需要的地方添加（

；

）的习惯，Javascript对冒号不严格（除非使用

“use strict”

），但将来可能会导致很多错误。此外，在

HTML

中的属性中使用逗号（

”

或

“

）

读W3学校写的，他们做一个 很好地向新手解释著名的javascript约定 遍布全球

---

var IMG=新数组(
'https://i.picsum.photos/id/562/200/200.jpg?hmac=F4ylYRNFPH6rDzYo48_NUieJXXI2yaMl9ElwGeFQHZo',
'https://i.picsum.photos/id/650/200/200.jpg?hmac=gu3C13pBxCSHokbnumczMYlmWRLt3CFGx1sDaPpfRnk',
'https://i.picsum.photos/id/67/200/200.jpg?hmac=sN5XCCMqqmBvgDbYmAowWy2VToCkSYP5igDL_iRxK3M');
函数getRandomImagePair（）{
var j=0；
var p=IMG.长度；
var preBuffer=新数组（）；
对于（i=0；i=WI1）{
WI2+=1；
}
document.querySelector（'#imgOne'）.src=IMG[WI1]；
document.querySelector（'#imgTwo'）.src=IMG[WI2]；
}
getRandomImagePair（）；
document.querySelector（'.logo.inner'）。addEventListener（'click'，e=>{
getRandomImagePair（）；
});
正文{
边界：0；
颜色：#000；
背景：#fff；
保证金：0；
填充：0；
字体：2.1vw/1.2em HelveticaNeue，Arial，无衬线；
字母间距：.02em
}
.标志{
光标：指针；
位置：固定；
排名：0；
左：0；
宽度：100vw；
文本对齐：居中；
z指数：100；
}
#一,，
#两个{
位置：固定；
宽度：50vw；
排名：0；
显示：表格
}
#一个{
左：0；
文本对齐：右对齐
}
#两个{
右：0；
文本对齐：左对齐
}
.内部{
显示：表格单元格；
垂直对齐：中间对齐；
高度：100vh；
宽度：100vw
}
（随机动态）
理想情况下，也不需要使用ajax

我只是使用了一个和你的代码

单击屏幕，图像将随机更改

注意：养成在需要的地方添加（
；
）的习惯，Javascript对冒号不严格（除非使用
“使用严格”
），但将来可能会导致很多错误。另外，在
HTML
中的属性中使用逗号（
”
或
“
）

读W3学校写的，他们做一个
很好地向新手解释著名的javascript约定
遍布全球



var IMG=新数组(
'https://i.picsum.photos/id/562/200/200.jpg?hmac=F4ylYRNFPH6rDzYo48_NUieJXXI2yaMl9ElwGeFQHZo',
'https://i.picsum.photos/id/650/200/200.jpg?hmac=gu3C13pBxCSHokbnumczMYlmWRLt3CFGx1sDaPpfRnk',
'https://i.picsum.photos/id/67/200/200.jpg?hmac=sN5XCCMqqmBvgDbYmAowWy2VToCkSYP5igDL_iRxK3M');
函数getRandomImagePair（）{
var j=0；
var p=IMG.长度；
var preBuffer=新数组（）；
对于（i=0；i=WI1）{
WI2+=1；
}
document.querySelector（'#imgOne'）.src=IMG[WI1]；
document.querySelector（'#imgTwo'）.src=IMG[WI2]；
}
getRandomImagePair（）；
document.querySelector（'.logo.inner'）。addEventListener（'click'，e=>{
getRandomImagePair（）；
})；
正文{
边界：0；
颜色：#000；
背景：#fff；
保证金：0；
填充：0；
字体：2.1vw/1.2em HelveticaNeue，Arial，无衬线；
字母间距：.02em
}
.标志{
光标：指针；
位置：固定；
排名：0；
左：0；
宽度：100vw；
文本对齐：居中；
z指数：100；
}
#一,，
#两个{
位置：固定；
宽度：50vw；
排名：0；
显示：表格
}
#一个{
左：0；
文本对齐：右对齐
}
#两个{
右：0；
文本对齐：左对齐
}
.内部{
显示：表格单元格；
垂直对齐：中间对齐；
高度：100vh；
宽度：100vw
}
（随机动态）
查看使用AJAX不要使用
document.write（）
。您应该创建一个函数。查看“我正在使用
onClick=“window.location.reload（）
”-这在您提供的代码中的什么位置？查看