[JavaScript] URL 동적 호출 방법 - 웹 페이지 이동

dhkim 2월 21, 2021

 


JavaScript에서 <a>태그의 href 속성을 이용하여 URL을 동적으로 호출하는 방법을 다룹니다.

"[JavaScript] 웹(Chrome)에서 응용 프로그램(Local) 실행 시키기 - Registry를 이용한 URL 호출방법"의 참고자료로 자세한 예제는 링크 참고 바랍니다.

이전 글과 연계된 결과를 보고싶으신 분은 "2. "응용 프로그램 실행" 활용예제 결과"를 확인해주세요.


1. 소스 코드 분석

$(function () {
    document.getElementById('callModule').onclick = function()
    {
        var url = "sample://A";
        var exec = document.createElement("a");
        exec.setAttribute("href", url);
        exec.click();
    }
});

 1) var exec = document.createElement("a");

  : a 태그 동적생성

 2) exec.setAttribute("href", url);

  : href 속성 부여 (url란에 호출하려는 URL 경로를 입력합니다.)

 3) exec.click();

  click 이벤트 발생




2. "응용 프로그램 실행" 활용예제 결과

 "Call" 버튼이벤트에 위 소스의 동적 URL호출에 따라 다음과 같은 결과가 출력됩니다.





3. 예제파일

 1) test.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <script type="text/javascript" src="../../lib/jquery-3.4.1.js"></script>
    <link rel="stylesheet" type="text/css" href="../../lib/bootstrap-4.3.1/dist/css/bootstrap.css"></link>
    <script type="text/javascript" src="./test.js"></script>
</head>
<body>
    <div>Web에서 응용 프로그램 호출</div>
    <button id="callModule">Call</button>
</body>
</html>



1 댓글

  1. Unknown2021년 12월 30일 오후 6:21

    안녕하세요. 웹 프로그램을 잘 몰라서 그러는데 화면에 예제로 보여주신 test.html 볼 수 있을까요? 본 글의 1편은 잘 이해했는데 javascript에서 테스트 해보려고 하니 잘 안되어서요. 제가 javascript를 잘 모릅니다.

    답글삭제