window.location.href が　もはや無効な理由とは？

ウェブページ上で、ボタンを押すと他のサイトに行くようにするための
とても基本的な構文が、どういうわけか作動しなくなっているのを発見しました。

なぜ、下記の事例（２）が動かないのか、理由を教えていただけますでしょうか。

以下のコードをご覧ください。

html
1
2<!DOCTYPE html><html>
3<head><meta charset="UTF-8">
4<base target="_blank">
5<STYLE >
6.f17 { font-size: 17px; }
7code { color: blue;  }
8</STYLE>
9
10</head>
11<body  class= "f17 " >
12
13<p>
14(1) inline script . . . 
15	
16<button onclick="window.location.replace( 'https://www.yahoo.com/' )" >
17go to next page
18</button>
19</p>
20	
21<code>  
22&lt; button  onclick="window.location.replace( 'https://www.yahoo.com/' )" &gt;
23		go to next page
24	&lt; /button &gt;
25</code><br><br>
26
27<p>
28(2) inline script - no longer valid . . . 
29	
30<button onclick="window.location.href( 'https://www.yahoo.com/' )" >
31	go to next page ## - this used to work 
32</button>
33</p>
34	
35<code> 
36&lt; button onclick="window.location.href( 'https://www.yahoo.com/' )" &gt;
37</code>
38
39</body>
40</html>
41

行動規範の内容に同意します

回答2件

ベストアンサー

window.location.hrefはメソッドじゃないからですね

javascript
1window.location.href='https://www.yahoo.com/';

投稿2022/04/20 02:49

yambejp

総合スコア117615

location.href はメソッドじゃないから使い方が間違っています。

【location.href - Web API | MDN】
https://developer.mozilla.org/ja/docs/Web/API/Location/href

投稿2022/04/20 02:49

kei344

総合スコア69625

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.31%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！

window.location.href が　もはや無効な理由とは？

関連した質問