DOM에서 자바 스크립트 파일이있는 요소를 타겟팅하는 방법

제프 스와 츠

우리는 우리의 참조자가 우리의 로고를 표시하기를 원하는 곳에 자바 스크립트 파일을 배치하는 몇 가지 참조 프로그램 코드를 작성하고 있습니다. 뭔가 ...

<script type="text/javascript" src="https://www.oursite.com/refer.js.asp?var=1"></script>

asp 스크립트에서 단순히 다음과 같은 약간의 코드를 작성합니다.

document.write('<a href="oursite.com?referrer=somereferrer"><img src="logo.png"></a>');

이것은 테스트 페이지에서 실행할 때 작동하지만이 오류가 발생하는 상황을 발견했습니다.

Failed to execute 'write' on 'Document': It isn't possible to write into a document from an asynchronously-loaded external script unless it is explicitly opened.

유틸리티 페이지를 통해 스크립트를 동적으로 생성하고 페이지의 div에 추가하려고하면 오류가 발생합니다. 페이지가 이미로드되었으므로 스크립트 파일에서 document.write를 사용할 수 없습니다. 그래서 제가 궁금한 것은 스크립트 파일이 DOM 내의 위치를 ​​결정하여 링크와 이미지를 다음과 같은 것을 사용하여 올바른 위치에 배치 할 수있는 방법이 있다는 것입니다.

var a = document.createElement('a');
var img = document.createElement('img');
img.src = img_url;
a.appendChild(img);
a.href = "http://www.oursite.com";
document.body.appendChild(a);

이 경우에는 본문에 직접 요소를 추가합니다. 내가 할 수 있어야 할 것은 스크립트 파일을 포함하는 요소에 추가하는 것입니다. 가능합니까? 그렇다면 어떻게? 감사.

데켈

요소에 추가 id하고 스크립트 내에서 script사용할 id수 있습니다.

<script id="a1" type="text/javascript">
window.addEventListener('DOMContentLoaded', function() {
  var img = document.createElement('img');
  img.src = 'https://dummyimage.com/600x400/000/fff';
  document.getElementById('a1').nextSibling.parentNode.insertBefore(img, document.getElementById('a1').nextSibling);
});
</script>

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

자바 스크립트 객체에서 속성을 타겟팅하는 방법

분류에서Dev

자바 스크립트 DOM 이벤트에서 본문을 타겟팅하는 방법

분류에서Dev

자바 스크립트를 통해 다른 요소를 타겟팅하는 방법

분류에서Dev

자바 스크립트 : 변수를 동적으로 타겟팅하는 방법

분류에서Dev

자바 스크립트에서로드 된 이미지에 스타일을 타겟팅 / 적용하는 방법

분류에서Dev

일반 자바 스크립트를 사용하여 DOM에서 고유하지 않고 동적으로 생성 된 요소를 타겟팅하는 방법은 무엇입니까?

분류에서Dev

자바 스크립트에서 요소를 숨기는 방법

분류에서Dev

onclick 이벤트에 연산자를 사용하면서 둘 이상의 요소를 타겟팅하는 방법

분류에서Dev

자바 스크립트를 사용하여 HTML DOM 요소에서 문자열을 찾고 바꾸는 방법

분류에서Dev

자바 스크립트로 모든 클래스를 타겟팅하는 방법. jQuery 없음

분류에서Dev

순수한 자바 스크립트로 동일한 색인을 가진 다른 요소를 타겟팅하는 방법

분류에서Dev

자바 스크립트에서 개체 요소를 그룹화하는 방법

분류에서Dev

자바 스크립트에서 생성 된 요소를 선택하는 방법

분류에서Dev

자바 스크립트에서 요소를 만드는 적절한 방법

분류에서Dev

자바 스크립트에서 동적으로 요소 ID를 얻는 방법

분류에서Dev

요소 속성에 자바 스크립트 함수를 할당하는 방법

분류에서Dev

자바 스크립트에서 JSON 파일 데이터를 알리는 방법

분류에서Dev

자바 스크립트를 사용하여 동적으로 생성 된 텍스트 상자를 타겟팅하는 방법

분류에서Dev

자바 스크립트를 사용하여 선택기가없는 라벨 요소 타겟팅

분류에서Dev

스타일 구성 요소 : 직계 자녀를 타겟팅하는 방법은 무엇입니까?

분류에서Dev

dom 요소를 자바 스크립트 함수에 전달하는 방법은 무엇입니까?

분류에서Dev

자바 스크립트 노드 목록의 단일 요소에서 클래스를 전환하는 방법

분류에서Dev

자바 스크립트의 div에 텍스트와 함께 움직이는 요소를 추가하는 방법

분류에서Dev

자바 스크립트에서 파일 크기를 아는 방법?

분류에서Dev

여러 HTML 요소에 자바 스크립트를 첨부하는 더 좋은 방법이 있습니까?

분류에서Dev

타이프 스크립트에서 자바 스크립트를 사용하는 방법

분류에서Dev

자바 스크립트에서 링크를 만드는 방법

분류에서Dev

자바 스크립트 루프 내에서 DOM 요소를 강제로 다시 그리는 방법이 있습니까?

분류에서Dev

자바 스크립트 파일에서 스크립트 초기화를 제거하는 방법

Related 관련 기사

  1. 1

    자바 스크립트 객체에서 속성을 타겟팅하는 방법

  2. 2

    자바 스크립트 DOM 이벤트에서 본문을 타겟팅하는 방법

  3. 3

    자바 스크립트를 통해 다른 요소를 타겟팅하는 방법

  4. 4

    자바 스크립트 : 변수를 동적으로 타겟팅하는 방법

  5. 5

    자바 스크립트에서로드 된 이미지에 스타일을 타겟팅 / 적용하는 방법

  6. 6

    일반 자바 스크립트를 사용하여 DOM에서 고유하지 않고 동적으로 생성 된 요소를 타겟팅하는 방법은 무엇입니까?

  7. 7

    자바 스크립트에서 요소를 숨기는 방법

  8. 8

    onclick 이벤트에 연산자를 사용하면서 둘 이상의 요소를 타겟팅하는 방법

  9. 9

    자바 스크립트를 사용하여 HTML DOM 요소에서 문자열을 찾고 바꾸는 방법

  10. 10

    자바 스크립트로 모든 클래스를 타겟팅하는 방법. jQuery 없음

  11. 11

    순수한 자바 스크립트로 동일한 색인을 가진 다른 요소를 타겟팅하는 방법

  12. 12

    자바 스크립트에서 개체 요소를 그룹화하는 방법

  13. 13

    자바 스크립트에서 생성 된 요소를 선택하는 방법

  14. 14

    자바 스크립트에서 요소를 만드는 적절한 방법

  15. 15

    자바 스크립트에서 동적으로 요소 ID를 얻는 방법

  16. 16

    요소 속성에 자바 스크립트 함수를 할당하는 방법

  17. 17

    자바 스크립트에서 JSON 파일 데이터를 알리는 방법

  18. 18

    자바 스크립트를 사용하여 동적으로 생성 된 텍스트 상자를 타겟팅하는 방법

  19. 19

    자바 스크립트를 사용하여 선택기가없는 라벨 요소 타겟팅

  20. 20

    스타일 구성 요소 : 직계 자녀를 타겟팅하는 방법은 무엇입니까?

  21. 21

    dom 요소를 자바 스크립트 함수에 전달하는 방법은 무엇입니까?

  22. 22

    자바 스크립트 노드 목록의 단일 요소에서 클래스를 전환하는 방법

  23. 23

    자바 스크립트의 div에 텍스트와 함께 움직이는 요소를 추가하는 방법

  24. 24

    자바 스크립트에서 파일 크기를 아는 방법?

  25. 25

    여러 HTML 요소에 자바 스크립트를 첨부하는 더 좋은 방법이 있습니까?

  26. 26

    타이프 스크립트에서 자바 스크립트를 사용하는 방법

  27. 27

    자바 스크립트에서 링크를 만드는 방법

  28. 28

    자바 스크립트 루프 내에서 DOM 요소를 강제로 다시 그리는 방법이 있습니까?

  29. 29

    자바 스크립트 파일에서 스크립트 초기화를 제거하는 방법

뜨겁다태그

보관