Fatal编程技术网
  • javascript/
  • Javascript 刷新时的随机图像？

Javascript 刷新时的随机图像？

javascript random

Javascript 刷新时的随机图像？,javascript,random,Javascript,Random,我有一个网站，有随机图像每次加载主页。但随机图像的问题是，当我再次单击“返回主页”按钮时，它仍然被加载。确切地说，我希望随机图像将显示只有当我刷新主页而不是主页按钮，我会怎么做呢 以下是代码： JAVASCRIPT<Head> <script type="text/javascript"> var y1 = 20; (document.getElementById) ? dom = true : dom = false; var gallery = new Ar

我有一个网站，有随机图像每次加载主页。但随机图像的问题是，当我再次单击“返回主页”按钮时，它仍然被加载。确切地说，我希望随机图像将显示只有当我刷新主页而不是主页按钮，我会怎么做呢

以下是代码：

JAVASCRIPT<Head>
<script type="text/javascript">
 var y1 = 20;  
(document.getElementById) ? dom = true : dom = false;


var gallery = new Array();
gallery[0] = new      Array("earlywork001.jpg","earlywork002.jpg","earlywork003.jpg","earlywork004.jpg","earlywor k005.jpg");

function pickImageFrom(whichGallery)
{
var idx = Math.floor(Math.random() * gallery[whichGallery].length);
document.write('<a href="images/earlywork/' + gallery[whichGallery][idx] + '"    class="highslide" onclick="return hs.expand(this, config1 )"><img src="images/earlywork/' +   gallery[whichGallery][idx] + '" width="402" height="180"></a>');
}

function hideIt() {
if (dom) {document.getElementById("popup").style.visibility='hidden';}
}

function showIt() {
if (dom) {document.getElementById("popup").style.visibility='visible';}
}

function placeIt() {
if (dom && !document.all) {document.getElementById("popup").style.top =    window.pageYOffset + (window.innerHeight - (window.innerHeight-y1)) + "px";}
if (document.all) {document.all["layer1"].style.top =   document.documentElement.scrollTop + (document.documentElement.clientHeight -   (document.documentElement.clientHeight-y1)) + "px";}
window.setTimeout("placeIt()", 10); }
</script>
</head>

HTML<Body>
<body onLoad="placeIt(); showIt()">
/*code*/
  <div id="content"><!--Start content-->
  <div id="popup" style="position:absolute; left:140px; width:410px; height:20px;  visibility:hidden">
   <div style="background-color:white; padding:3px; border:1px solid black">
   <span style="float:right; background-color:gray; color:white; font-weight:bold;   width='20px'; text-align:center; cursor:pointer" onclick="javascript:hideIt()">&nbsp;X&nbsp;</span>
   <script language="javascript">pickImageFrom(0);</script></div>
   </div>
   <img src="images/home.png" width="644" height="363" alt="home" class="content" />
   </div><!--End content-->
   </div><!--End body content-->
  /*code*/

JAVASCRIPT
变量y1=20；
（document.getElementById）？dom=true:dom=false；
var gallery=新数组（）；
gallery[0]=新数组（“earlywork001.jpg”、“earlywork002.jpg”、“earlywork003.jpg”、“earlywork004.jpg”、“EarlyWorkK005.jpg”）；
函数pickImageFrom（whichGallery）
{
var idx=Math.floor（Math.random（）*gallery[whichGallery].length）；
文件。写（“”）；
}
函数hideIt（）{
if（dom）{document.getElementById（“popup”）.style.visibility='hidden'；}
}
函数showIt（）{
if（dom）{document.getElementById（“popup”）.style.visibility='visible'；}
}
函数placeIt（）{
if（dom&&！document.all）{document.getElementById（“popup”）.style.top=window.pageYOffset+（window.innerHeight-（window.innerHeight-y1））+“px”}
if（document.all）{document.all[“layer1”].style.top=document.documentElement.scrollTop+（document.documentElement.clientHeight-（document.documentElement.clientHeight-y1））+“px”}
setTimeout（“placeIt（）”，10）；}
HTML
/*代码*/
X
pickImageFrom（0）；
/*代码*/
如果出现以下情况，请将代码包装在
中：


if (document.URL == document.referrer) {
// your code here
}



document.referer
将为您提供上一页的url。将其与
document.url
中的当前url匹配。如果两者不匹配，则您的页面将从另一个页面导航到。
我在搜索类似解决方案时遇到了一些问题，所以我写了这篇文章，并将其粘贴到这里，以防其他人再次搜索



window.onload=choosePic；
var images=新数组（“https://randomuser.me/api/portraits/men/2.jpg", "https://randomuser.me/api/portraits/women/2.jpg", "https://randomuser.me/api/portraits/men/52.jpg", "https://randomuser.me/api/portraits/women/12.jpg", "https://randomuser.me/api/portraits/women/7.jpg", "https://randomuser.me/api/portraits/men/27.jpg", "https://randomuser.me/api/portraits/women/13.jpg", "https://randomuser.me/api/portraits/women/4.jpg", "https://randomuser.me/api/portraits/men/52.jpg", "https://randomuser.me/api/portraits/men/6.jpg", "https://randomuser.me/api/portraits/men/23.jpg", "https://randomuser.me/api/portraits/women/41.jpg", "https://randomuser.me/api/portraits/women/28.jpg");
函数choosePic（）{
var randomNum=Math.floor（Math.random（）*images.length）；
document.getElementById（“随机图像”）.src=images[randomNum]；
}


您指的是哪一个“主页按钮”？浏览器主页按钮还是页面上我们看不到的按钮？我没有在这里包括我的主页按钮