JS之随机读取一条你问我答验证

最新推荐文章于 2025-07-22 15:12:36 发布

煜楷

最新推荐文章于 2025-07-22 15:12:36 发布

阅读量435

点赞数

CC 4.0 BY-SA版权

分类专栏： WEB前端文章标签： javascript 随机读取问答验证

本文链接：https://blog.youkuaiyun.com/netuser1937/article/details/53581785

WEB前端专栏收录该内容

114 篇文章

订阅专栏

本文介绍了一个使用JavaScript实现的简单网页随机问答插件。该插件能够在页面加载时随机展示一条问题及其对应的答案，涉及HTML元素操作及JavaScript基本编程技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type"content="text/html; charset=gb2312" />
<title>
<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type"content="text/html; charset=gb2312" />
<title>JS之随机读取一条你问我答验证</title>
</head>

<body>
<divid="randomdiv">
 <divid="ad1">一、选择题答案是？</div>
 <divid="ad2">二、你的名字叫？</div>
 <divid="ad3">三、你的最大嗜好是？</div>
 <divid="ad4">四、退一步海阔天空？</div>
</div>
<ulid="randomli">
   <liid="inf1">一、选择题答案是A</li>
   <liid="inf2">二、我的名字叫JESON</li>
   <liid="inf3">三、我的最大嗜好是PLAY!</li> 
   <liid="inf4">四、进一步菩萨伴侣成！</li> 
  </ul>
<scriptlanguage="javascript">
onload=functionchange(){
    var objDiv=document.getElementByIdx_x_x('randomdiv').getElementsByTagName_r("div")
    varobjLi=document.getElementByIdx_x_x('randomli').getElementsByTagName_r("li")
   hidAll()
   showMe(Random(objDiv.length)+1)
    functionRandom(k){return new Date().getSeconds()%k}
    functionhidAll(){
       for (vari=0;i<objLi.length;i++){
          if (objLi[i].id.indexOf("inf")!=-1)
          objDiv[i].style.display="none"
          objLi[i].style.display="none"
       }
   }
    functionshowMe(r){
      document.getElementByIdx_x_x("ad"+r).style.display=""
      document.getElementByIdx_x_x("inf"+r).style.display=""
   }
}
</script>
</body>
</html>