source

자바스크립트에서 URL로 이동하기 위해 온클릭 기능을 추가하시겠습니까?

factcode 2023. 8. 12. 10:46
반응형

자바스크립트에서 URL로 이동하기 위해 온클릭 기능을 추가하시겠습니까?

나는 사용자가 필드 위를 맴돌 때 이 멋진 작은 자바스크립트를 사용하여 필드를 강조합니다.다음을 추가할 수 있는 방법이 있는지 알려주시겠습니까?onclick링크 역할을 하고 URL로 이동하는 기능은 무엇입니까?

<script>
         $(function() {
            $('tr').hover(function() {
                $(this).css('background-color', '#eee');
                $(this).contents('td').css({'border': '0px solid red', 'border-left': 'none', 'border-right': 'none'});
                $(this).contents('td:first').css('border-left', '0px solid red');
                $(this).contents('td:last').css('border-right', '0px solid red');
            },
            function() {
                $(this).css('background-color', '#FFFFFF');
                $(this).contents('td').css('border', 'none');
                $('a#read_message.php').click(function(){ URL(); });
            });
        });
        </script>

해라

 window.location = url;

또한 사용

 window.open(url);

새 창에서 열려는 경우.

이것만 사용하면 됩니다.

onclick="location.href='pageurl.html';"

사용자를 다른 URL로 보내는 jquery에서는 다음과 같이 할 수 있습니다.

$("a#thing_to_click").on('click', function(){
     window.location = "http://www.google.com/";    
});

이 방법도 효과가 있을 것입니다. 하지만 위의 것이 요즘 그것을 하는 새로운 더 정확한 방법입니다.

$("a#thing_to_click").click(function(e){
         e.preventDefault();
         window.location = "http://www.google.com/";    
});
function URL() {
    location.href = 'http://your.url.here';
}

HTML

<input type="button" value="My Button" 
onclick="location.href = 'https://myurl'" />

MVC

<input type="button" value="My Button" 
onclick="location.href='@Url.Action("MyAction", "MyController", new { id = 1 })'" />

새 탭에서 링크를 열려면 다음 작업을 수행할 수 있습니다.

$("a#thing_to_click").on('click',function(){
    window.open('https://yoururl.com', '_blank');
});

당신이 처리하는 경우에 대비해서요<a>태그, 그리고 당신은 기본값으로 가는 것을 방해하고 싶습니다.href사용해야 합니다.this대신.

기본 URL(yahoo)로 이동합니다.

<a href="https://yahoo.com" onclick="location.href='https://google.com';"> 

새 URL(구글)로 이동onclick:

<a href="https://yahoo.com" onclick="this.href='https://google.com';">

을 사용하여this현재 브라우저를 방해하고 있습니다.onclick사건과 변화href의 기본 동작을 계속하기 전에<a href='...

제가 질문을 완전히 이해했는지는 모르겠지만, 당신은 이런 것을 의미하나요?

$('#something').click(function() { 
    document.location = 'http://somewhere.com/';
} );

해라

location = url;

function url() {
    location = 'https://example.com';
}
<input type="button" value="Inline" 
onclick="location='https://example.com'" />

<input type="button" value="URL()" 
onclick="url()" />

언급URL : https://stackoverflow.com/questions/13071967/adding-an-onclick-function-to-go-to-url-in-javascript

반응형