javascriptのクリックイベントがdiv内で機能しないonclick

Question

私のページには、モーダルの最上部にXを表示しているこのdivがあります。このユーザーをクリックしてホームページにリダイレクトしたいのですが。私はこれを試みたが、偶数は全く発射していない。

<div class="modal-content"> 
    <div class="close" onclick="redirecttologin()">x</div> 
...... 
    </div 

これは、Javaスクリプトですが、でも、アラートは、私は他のものがページで作業しているとして、それがJavaスクリプトファイルへの参照を持っていることを確信して

function redirecttologin() { 
    alert("test"); 
document.location.href = "/"; 
}; 

を示していません。

*問題はclass = "close"でした。

Answer 1

使用する必要があり、唯一の問題は、あなたがwindow.location代わりのdocument.location使用すべきであるということです。両方とも同じですが、ドキュメントに記載されているとおり、document.locationは読み取り専用のプロパティです。

閉じる<div>タグには、>がありません。それも問題かもしれません。

function redirecttologin() { 
 
    alert("test"); 
 
    window.location.href = "/"; 
 
};

<div class="modal-content"> 
 
    <div class="close" onclick="redirecttologin()">x</div> 
 
</div>

Answer 2

あなたのコードが正しく動作するはずです

window.location.href = "/"