반응형
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
반응형
'IT' 카테고리의 다른 글
Meteor 게시 / 구독 이해 (0) | 2020.09.17 |
---|---|
괄호 사이에 텍스트를 반환하는 정규식 (0) | 2020.09.17 |
Android에서 탐색 창에 하나의 섹션 구분 기호를 추가하는 방법은 무엇입니까? (0) | 2020.09.17 |
원사를 제거하는 방법 (0) | 2020.09.17 |
초를 일, 시간, 분 및 초로 변환 (0) | 2020.09.17 |