html html 전달된 값이 왜곡된 코드

웹 개발 시 때로는 서로 다른 웹 페이지 간에 일부 데이터를 전송해야 할 때가 있습니다. 이때 HTML을 사용하여 값을 전달할 수 있습니다. HTML 값 전송은 일반적인 방법이지만 사용 중에 문자가 깨지는 등 일부 문제가 발생할 수도 있습니다.

HTML 값을 전달하는 일반적인 방법에는 URL 매개변수 전달, 양식 제출, 쿠키 및 세션이 포함되며, 그중 URL 매개변수 전달 및 양식 제출이 가장 일반적으로 사용되는 방법입니다. URL 매개변수 전달은 URL을 통해 서로 다른 페이지 간에 데이터를 전송하는 것입니다. 예를 들어 다음 코드를 사용하여 페이지의 매개변수를 전달할 수 있습니다.

<a href="target.html?name=张三&age=20">传递参数</a>

대상 페이지에서 JavaScript를 통해 매개변수 값을 가져올 수 있습니다.

<script>
    var name = getQueryString("name");
    var age = getQueryString("age");
    function getQueryString(name){
        var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
        var r = window.location.search.substr(1).match(reg);
        if(r!=null)return  unescape(r[2]); return null;
    }
</script>

위 코드에서는 JavaScript의 정규 표현식 방법을 사용하여 가져옵니다. 매개변수 값을 변경하려면 unescape() 메서드를 사용하여 잘못된 문자를 디코딩합니다.

그러나 실제 개발에서는 해결되지 않은 잘못된 코드 문제가 발생할 수 있습니다. 이때 우리는 해결책을 생각해 볼 필요가 있습니다.

먼저 문자 왜곡을 방지하기 위해 매개변수 값을 인코딩해 볼 수 있습니다. 일반적인 인코딩 방법에는 URL 인코딩과 Base64 인코딩이라는 두 가지가 있습니다.

URL 인코딩은 모든 특수 문자를 %xx 형식 인코딩으로 변환합니다. 여기서 "%xx"는 해당 문자의 ASCII 코드 값을 16진수로 표현한 문자열을 나타냅니다. 예를 들어, JavaScript의 encodeURIComponent() 메소드를 사용하여 매개변수를 URL 인코딩할 수 있습니다:

<a href="target.html?name=<%=encodeURIComponent('张三')%>&age=<%=encodeURIComponent('20')%>">传递参数</a>

대상 페이지에서 decodeURIComponent() 메소드를 사용하여 디코딩할 수 있습니다:

<script>
    var name = decodeURIComponent(getQueryString("name"));
    var age = decodeURIComponent(getQueryString("age"));
    function getQueryString(name){
        var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
        var r = window.location.search.substr(1).match(reg);
        if(r!=null)return  unescape(r[2]); return null;
    }
</script>

Base64 인코딩은 데이터를 Base64로 변환하여 다음을 방지합니다. 왜곡된 문자. 예를 들어, JavaScript의 btoa() 메소드를 사용하여 매개변수를 Base64로 인코딩할 수 있습니다:

<a href="target.html?name=<%=btoa('张三')%>&age=<%=btoa('20')%>">传递参数</a>

대상 페이지에서 atob() 메소드를 사용하여 디코딩할 수 있습니다:

<script>
    var name = atob(getQueryString("name"));
    var age = atob(getQueryString("age"));
    function getQueryString(name){
        var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
        var r = window.location.search.substr(1).match(reg);
        if(r!=null)return  unescape(r[2]); return null;
    }
</script>

인코딩 외에도 메타를 사용할 수도 있습니다. 태그를 사용하여 페이지 인코딩을 지정합니다. 예:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

위는 잘못된 HTML 값 전송 문제를 해결하는 몇 가지 방법입니다. 실제 상황에 따라 적절한 방법을 선택해야 합니다. 동시에 우리는 사용자 개인 정보 보호에 주의를 기울여야 하며 URL을 통해 민감한 정보가 전달되는 것을 방지해야 합니다.

위 내용은 html html 전달된 값이 왜곡된 코드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!