> 웹 프론트엔드 > JS 튜토리얼 > 웹 페이지에서 하이퍼링크 주소를 무작위로 생성하는 JS 방법_javascript 기술

웹 페이지에서 하이퍼링크 주소를 무작위로 생성하는 JS 방법_javascript 기술

WBOY
풀어 주다: 2016-05-16 15:33:17
원래의
1802명이 탐색했습니다.

이 기사의 예에서는 JS를 사용하여 웹 페이지에 하이퍼링크 주소를 무작위로 생성하는 방법을 설명합니다. 참고하실 수 있도록 모든 사람과 공유하세요. 자세한 내용은 다음과 같습니다.

자바스크립트 애플리케이션은 페이지를 새로 고칠 때마다 링크가 자동으로 변경됩니다. 일반적으로 사용되지는 않지만 자바스크립트 랜덤 함수인 Math.random()을 사용하면 안내 효과가 있습니다.

런닝 효과 스크린샷은 다음과 같습니다.

온라인 데모 주소는 다음과 같습니다.

http://demo.jb51.net/js/2015/js-math-rand-url-show-codes/

구체적인 코드는 다음과 같습니다.

<html>
<head>
<title>在网页上随机产生超链接地址</title>
<script language="javascript">
<!--
  url = new Array();
  url[0] = "http://www.yahoo.com";
  url[1] = "http://www.jb51.net";
  url[2] = "http://www.baidu.com";
  i = Math.random() * url.length;
  i = Math.floor(i);
  str = "<a id='linkID' href='" + url[i] + "'>";
-->
</script>
</head>
<body>
<script language="javascript">
<!--
  document.write(str + "本链接是随机产生的,刷新页面会更换。</a><br>");
  document.write(linkID.href);
//-->
</script>
</body>
</html>

로그인 후 복사

이 기사가 JavaScript 프로그래밍에 종사하는 모든 사람에게 도움이 되기를 바랍니다.

관련 라벨:
js
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿