안드로이드

[Android] Anroid local html 불러오기 (javaScript onclick 구현) (1/3)

IT꿈나무 2021. 9. 29. 14:55
반응형

업무의 배경:

 안드로이드 로컬에서 javascript function()을 호출하거나, 안드로이드의 @javascritInterface를 호출할 필요가 있다.

 그중에서 테스트에 필요한 javascript html을 아래와 같이 구현한다.

 

구현 방법:

<html>
    <head>
 
        <meta charset="utf8">
        <script type="text/javascript">
            
            window.onload = function() {//윈도우가 열리면
                document.getElementById("A").onclick = function() {
                    console.log("A함수호출") //로그는 콘솔로그로 생활화!!
                    alert("A함수호출");
                }
 
                document.getElementById("B").onclick = function() {
                    console.log("B함수호출") //로그는 콘솔로그로 생활화!!
                    alert("B함수호출");
                }
            }
            click_a = function(str){
                if(str){
                    console.log("click_a 함수호출"+str) //로그는 콘솔로그로 생활화!!
                    alert("click_a 함수호출"+str);
                }else{
                    console.log("click_a 함수호출") //로그는 콘솔로그로 생활화!!
                    alert("click_a 함수호출");
                }
            }
            click_b = function(){
                console.log("click_b 함수호출") //로그는 콘솔로그로 생활화!!
                alert("click_b 함수호출");
            }
            
       </script>
 
    </head>
 
    <body>
 
        <input type="button" value="A함수호출" id="A"/>
        <input type="button" value="B함수호출" id="B"/>
        <br>
        <input type="button" value="click_A 함수호출" onclick="click_a()"/>
        <input type="button" value="click_A 함수호출(click했어)" onclick="click_a('click 했어')"/>
        <br>
        <input type="button" value="click_B 함수호출" onclick="click_b()"/>
        <br>
        Android(aos) 호출 관련 (bridge는 aos)
        <br>
        <input type="button" value="aos.call_log('로그가 전달 되나?') 함수호출" onclick="window.aos.call_log('로그가 전달 되나?')"/> <br>
        <input type="button" value="aos.click_t 함수호출" onclick="window.aos.click_t()"/> <br>
        <input type="button" value="aos.click_toast 함수호출" onclick="window.aos.click_toast()"/>

    </body>
 
</html>

 

참고자료:

[1] html javascript 구현,

https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=tkddlf4209&logNo=220512073357 

[2]안드로이드 로컬(assets) html 불러오기, 

https://dev.eyegood.co.kr/entry/Android-Local-Html-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0assets%ED%8F%B4%EB%8D%94%EC%83%9D%EC%84%B1-webview%EC%9D%B4%EC%9A%A9

[3] Android javascript bridge 연결,

https://jhappy.tistory.com/entry/android-자바스크립스-브릿지-연결하기-Javascript-bridge펌

[4] Android javascript 연결 심화, https://royzero.tistory.com/25

 

반응형