ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript でハイパーリンクを追加する方法

JavaScript でハイパーリンクを追加する方法

醉折花枝作酒筹
リリース: 2021-06-15 14:59:17
オリジナル
10383 人が閲覧しました

JavaScriptではlinkメソッドを使用してハイパーリンクを追加できます。構文形式は「文字列/操作対象.リンク(URLアドレス)」です。 「link()」メソッドは、文字列をハイパーリンクとして表示するために使用されます。このメソッドは、「」でタグ付けされた文字列を返します。

JavaScript でハイパーリンクを追加する方法

#このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

JavaScript リンク メソッド: 文字列にハイパーリンクを追加する

JavaScript リンク メソッド

link メソッドは、HTML の a タグ属性を使用して定義された (イタリック体の) 文字列を返します。構文は次のとおりです。

str_object.link( url )
ログイン後にコピー

パラメータの説明:

パラメータの説明

str_object 操作対象の文字列(オブジェクト)

url は必須です。リンク先の文字列 URL アドレス (完全な形式)。

ヒント: この方法は ECMA 標準に準拠していないため、推奨されません。

link メソッドの例

var str = "www.www.3guozi.com"; 
document.write( str.link( "http://www.cctv.com" ) );
ログイン後にコピー

この例を実行すると、出力:

http://www.cctv.com
ログイン後にコピー

ヒント: このメソッドは、HTML の a タグを使用して定義されたハイパーリンク文字列を返します。つまり、このメソッドを使用します。また、文字列をハイパーリンク文字列に直接変更することはできません。要素のフォントをハイパーリンク文字列に動的に変更する場合は、次の例を参照してリンク メソッドを拡張できます。

ページ要素のフォントをハイパーリンクに変更する

function addUrl( obj ){ 
    obj.innerHTML = obj.innerHTML.link( "http://www.3guozi.com" );
  }
ログイン後にコピー

[推奨学習:

JavaScript 上級チュートリアル ]

以上がJavaScript でハイパーリンクを追加する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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