【jquery,js】지정한 URL 열기 [window.open,location.href] [js14_20210322]
처리 개요
처리 흐름:
(1) 텍스트 박스의 URL을 취득한다
(2)지정의 방법으로 URL에 액세스 한다
※전이 할 수 없는 경우는, 디폴트로 서버 에러가 된다
화면 이미지
이미지 1
보충) 각각 지정의 버튼을 누르면 텍스트 박스내의 URL에 다른 탭이나 다른 윈도우로 천이 합니다.
소스 코드
index.html
<body>
<div class="inputtext" id="container">
<input type="text" id="urlInput" value="https://www.google.co.jp/" ><br>
<input type="button" id="urlMoveButton" value="URLの移動をする"><br>
<input type="button" id="urlTabOpenButton" value="別のたぶを開く"><br>
<input type="button" id="urlWindowOpenButton" value="別のウィンドウを開く">
</div>
</body>
main.js
$(function() {
$("#urlMoveButton").click(function(){
var urlMoveText = $("#urlInput").val();
location.href = urlMoveText;
});
$("#urlTabOpenButton").click(function(){
var urlOpenText = $("#urlInput").val();
window.open(urlOpenText, "_blank");
});
$("#urlWindowOpenButton").click(function(){
var urlOpenText = $("#urlInput").val();
window.open(urlOpenText ,null, 'width=500, toolbar=yes , menubar=yes,scrollbars=yes');
});
});
포인트
html:
(1) 특별히 없음
js:
(1) window.open은 옵션의 지정 방법으로 새로운 탭, 또는 윈도우를 지정할 수 있다
참고 자료
JavaScript (일의 현장에서 빨리 사용할 수 있다! 디자인 교과서) p102
Reference
이 문제에 관하여(【jquery,js】지정한 URL 열기 [window.open,location.href] [js14_20210322]), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/dichikawa/items/b68cfc27024d936e7307텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)