ホームページ  >  記事  >  ウェブフロントエンド  >  Webページ上にハイパーリンクアドレスをランダムに生成するJSメソッド_JavaScriptスキル

Webページ上にハイパーリンクアドレスをランダムに生成するJSメソッド_JavaScriptスキル

WBOY
WBOYオリジナル
2016-05-16 15:33:171714ブラウズ

この記事の例では、JS を使用して Web ページ上にハイパーリンク アドレスをランダムに生成する方法を説明します。参考のために皆さんと共有してください。詳細は次のとおりです:

これは JavaScript アプリケーションです。ページが更新されるたびにリンクが自動的に変更されます。これは一般的には使用されませんが、JavaScript のランダム関数 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 プログラミングのすべての人に役立つことを願っています。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。