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

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

WBOY
リリース: 2016-05-16 15:33:17
オリジナル
1767 人が閲覧しました

この記事の例では、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 プログラミングのすべての人に役立つことを願っています。

関連ラベル:
js
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート