2017-01-18 7 views
0

JavaScriptを使用する方法を学習しており、document.write()関数内にurlを正しく表示するのに問題があります。私は実際のURLを "href"部分に書いていますが、これは明らかに禁止されているので、この質問には書き込めません。私が紛失しているものがありますか?このJavaScriptプログラムdocument.write()は機能していませんか?

<!doctype HTML> 
<html lang="en"> 

<head> 
    <meta charset="utf-8"> 
    <title> Link Test </title> 
</head> 

<body> 
    <a id="mylink" href="#"> Click me</a> 
    <br> 
    <script type="text/JavaScript"> 
     url = document.links.mylink.href document.write('The URL is ' + url) 
    </script> 
</body> 

</html> 

答えて

2

あなたは1行にそれを持ってしたい場合は、セミコロンが欠落しています。このように:

url = document.links.mylink.href; document.write('The URL is ' + url); 

しかし私は、このように、2行にそれらを置くことをお勧めします:

var url = document.links.mylink.href; 
document.write('The URL is ' + url); 

..and変数としてURL、良い習慣を宣言するvarを使用して

+4

ES2015では、 'let'または' const'が 'var'よりも推奨されています。 –

+0

javascriptの初心者の方でES2015の機能を直接見始めるのであれば、javascriptのシーン全体を初めて知りたければ、ブラウザでサポートされていない可能性のあるものに遭遇するかもしれません。しかし、あなたは私のアップボートを手に入れました! :) –

+0

初めてJavaScriptを学習しているのなら、10歳のブラウザについては気にしないと思います。また、そのためのツールもあります。要するに:私は気にしない、と私はどちらもあなたとは思わない。 –

1

コードからtype="text/JavaScript"部分を削除します。現代のブラウザの中にはエラーがあります。

また、明細書を別々の行に書くことをお勧めします。 JSエンジンは、あなたの全体の行を1つのステートメントとして理解します。それでエラーになります。行を区切り、それぞれの行の末尾に;と入力するか、文の後ろに;を追加して1行に書いてください。また、ES6にvarまたはletconstという変数を定義します。

<!doctype HTML> 
 
<html lang="en"> 
 

 
<head> 
 
    <meta charset="utf-8"> 
 
    <title> Link Test </title> 
 
</head> 
 

 
<body> 
 
    <a id="mylink" href="#"> Click me</a> 
 
    <br> 
 
    <script> 
 
     var url = document.links.mylink.href ; 
 
     document.write('The URL is ' + url); 
 
    </script> 
 
</body> 
 

 
</html>

+0

彼はdoesnのあなたは、より良いあなたが安全にinnerHtmlまたはinnerTextメソッドを経由して、結果を挿入することができ、いくつかのHTMLタグを追加したいですそれらを別々の行に書く必要がある場合は、セミコロンを追加するか、行を区切るか、あるいはその両方を行うことができます。ほとんどの場合、どちらも推奨される行動コースです。 –

+0

@MadaraUchihaが変更されました –

0
let url = document.links.mylink.href; 
document.write('The URL is ' + link); 

しかし、私はdocument.writeメソッドの使用をお勧めしません。

HTML::

<a id="mylink" href="#Test"> Click me</a> 
<span id="result"></span> 

JS:

let url = document.links.mylink.href; 
let result = document.getElementById('result'); 
result.innerText = url; 
関連する問題