잡히지 않은 DOMException : 원본 "domain_name"이있는 프레임이 교차 원점 프레임에 액세스하지 못하도록 차단했습니다.

Question

내 사이트에 mautic newsletter를 사용하고 있습니다.

아래 코드는 내 js 코드입니다.

012 :

/** This section is only needed once per page if manually copying **/ 
if (typeof MauticSDKLoaded == 'undefined') { 
    var MauticSDKLoaded = true; 
    var head   = document.getElementsByTagName('head')[0]; 
    var script   = document.createElement('script'); 
    script.type   = 'text/javascript'; 
    script.src   = 'https://resources.incarta.com.au/media/js/mautic-form.js'; 
    script.onload  = function() { 
     MauticSDK.onLoad(); 
    }; 
    head.appendChild(script); 
    var MauticDomain = 'https://resources.incarta.com.au'; 
    var MauticLang = { 
     'submittingMessage': "Please wait..." 
    } 
} 

그리고 여기가 html

<div id="mauticform_wrapper_clicsnewsletter" class="mauticform_wrapper"> 
<form autocomplete="false" role="form" method="post" action="http://resources.incarta.com.au/form/submit?formId=2" id="mauticform_clicsnewsletter" data-mautic-form="clicsnewsletter"> 
    <div class="mauticform-error" id="mauticform_clicsnewsletter_error"></div> 
    <div class="mauticform-message" id="mauticform_clicsnewsletter_message"></div> 
    <div class="mauticform-innerform"> 


     <div class="mauticform-page-wrapper mauticform-page-1" data-mautic-form-page="1"> 

     <div id="mauticform_clicsnewsletter_email" class="mauticform-row mauticform-email mauticform-field-1"> 
      <label id="mauticform_label_clicsnewsletter_email" for="mauticform_input_clicsnewsletter_email" class="mauticform-label">Email</label> 
      <input id="mauticform_input_clicsnewsletter_email" name="mauticform[email]" value="" class="mauticform-input" type="email" /> 
      <span class="mauticform-errormsg" style="display: none;"></span> 
     </div> 

     <div id="mauticform_clicsnewsletter_submit" class="mauticform-row mauticform-button-wrapper mauticform-field-2"> 
      <button type="submit" name="mauticform[submit]" id="mauticform_input_clicsnewsletter_submit" name="mauticform[submit]" value="" class="mauticform-button btn btn-default" value="1">Submit</button> 
     </div> 
     </div> 
    </div> 

    <input type="hidden" name="mauticform[formId]" id="mauticform_clicsnewsletter_id" value="2"/> 
    <input type="hidden" name="mauticform[return]" id="mauticform_clicsnewsletter_return" value=""/> 
    <input type="hidden" name="mauticform[formName]" id="mauticform_clicsnewsletter_name" value="clicsnewsletter"/> 
    </form> 
    </div> 

내 form을 제출하려고하면 다음과 같은 오류가 콘솔에 표시 내입니다

app.js : 190 Uncaught DOMException : 원본 "https://resources.incarta.com.au"이 교차 출처 프레임에 액세스하지 못하도록 차단했습니다.

Answer 1

글쎄, 스 니펫을 실행하면 올바르게 iFrame을로드하는 것처럼 보입니다. 웹 페이지는 일부 작업이 필요합니다. iFrame에서 페이지가 새 주소로 이동했을 수 있습니다. 그러나 크롬 페이지를 방문하면 "귀하의 연결은 비공개가 아닙니다"라고 표시됩니다.