IT

JavaScript에서 URL로 이동하는 onclick 함수를 추가 하시겠습니까?

lottoking 2020. 9. 17. 08:06
반응형

JavaScript에서 URL로 이동하는 onclick 함수를 추가 하시겠습니까?


이 멋진 작은 자바 펼쳐를 사용하여 사용자가 필드를 가리킬 때 필드를 강조 표시합니다. 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';"

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

$("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');
});

내가 그 질문을 완전히 이해하지 못했지만, 이런 뜻인가요?

$('#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()" />


<a>를 태그 다룰 때 기본값으로 이동하는 것을 중단 href하려면 this대신 사용해야 합니다.

기본 URL (yahoo)로 이동 :

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

새 URL (Google)로 이동 onclick:

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

을 사용 this하면 현재 브라우저 onclick이벤트를 중단하고 href기본 동작을 계속하기 전에 변경합니다.<a href='...

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

반응형