JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptでテキストからリンクを作成する方法【link()メソッドの使い方】

JavaScriptでテキストからリンクを作成するには、link()メソッドを使用します。このメソッドは、指定したURLへのHTMLハイパーテキストリンク（<a>タグ）を生成します。構文は以下のとおりです。

string.link( hrefname )

ここで hrefname は、<a>タグのHREF属性に指定する文字列です。有効なURLを指定する必要があります。

使用例

以下のコードを実行すると、JavaScriptの link() メソッドの動作を確認できます。

<html>
   <head>
      <title>JavaScript String link() Method</title>
   </head>

   <body>
      <script>
         var str = new String("Simply Easy Learning");
         var URL = "https://www.tutorialspoint.com";
         document.write(str.link( URL ));
      </script>
   </body>
</html>

このコードを実行すると、「Simply Easy Learning」というテキストが、指定したURL（https://www.tutorialspoint.com）へのクリック可能なリンクとして画面に表示されます。

注意点：link()メソッドは非推奨

link() メソッドは現在、仕様上「廃止予定（Obsolete）」とされており、最新のブラウザでも動作はするものの、新規開発での使用は推奨されません。モダンなWeb開発では、DOM APIを利用して次のようにリンク要素を生成するのが一般的です。

var str = "Simply Easy Learning";
var url = "https://www.tutorialspoint.com";

var a = document.createElement("a");
a.href = url;
a.textContent = str;
document.body.appendChild(a);

この方法であれば、セキュリティ面でも柔軟性の面でも安全にリンクを扱うことができます。既存コードで link() を使っている場合は、DOM操作への置き換えを検討しましょう。

  1. JavaScriptでURLオブジェクトを作成する方法をわかりやすく解説

    JavaScriptでは、標準組み込みのURLコンストラクタを使うことで、URL文字列からURLオブジェクトを簡単に生成できます。URLオブジェクトを作成すると、プロトコル（protocol）やホスト名（host）、パス（pathname）など、URLを構成する各要素に個別にアクセスできるようになるため、URLの解析や操作がとても便利になります。 URLオブジェクトの作成例 以下は、JavaScriptでURLオブジェクトを作成し、ボタンをクリックするとその各プロパティを画面に表示するサンプルコードです。 <!DOCTYPE html> <html lang="

  2. JavaScriptでJSON配列からデータを読み取る方法をサンプルコード付きで解説

    Web開発では、APIから取得したJSONデータを処理する場面が非常によくあります。本記事では、JavaScriptを使ってJSON配列からデータを読み取り、画面に表示する方法を、実際に動作するサンプルコードとともにわかりやすく解説します。 JSON配列からデータを読み取る基本の流れ JSON形式の文字列をJavaScriptで扱うには、まずJSON.parse()メソッドで文字列をJavaScriptのオブジェクト（配列）に変換します。変換後は、forEach()メソッドなどを活用して、配列の各要素に格納された値へ簡単にアクセスできます。 サンプルコード <!DOCTYPE htm