Chrome에서 자동 접두사없는 호스트없이 백그라운드 이미지 URL을 설정하는 방법은 무엇인가요?

Question

index.html URL은 http://localhost/index.html입니다.

HTML :

<div id='test'></div> 

<script> 
    var el = document.querySelector('#test'); 
    el.style.background = 'url("/test.png")'; 
</script> 

출력 HTML이 될 것입니다 : 내가 호스트 접두사 http://localhost을하고 싶지 않아

<div id="test" style="background: url(http://localhost/test.png);"></div> 

. 어떻게 브라우저의 기본 동작을 방지하기 위해?

왜이 요구 사항? 나는 페이지 편집기를 개발 중이다. html을 편집 한 후 깨끗한 html을 서버로 보내야합니다.

나는 우아한 방법을 알고 싶다. regex 대체 또는 여분의 태그 속성 솔루션을하시기 바랍니다.

Answer 1

은 기본 태그를 추가 ... 귀하의 경우 뭔가에 다음

<base href="http://localhost" target="_blank"> 

와 같은 스크립트의 사용하려고 :

이

el.style.backgroundImage = 'url("test.png")'; 

서 //localhost/test.png이 존재 div에 올바른 크기를주는 것을 기억하십시오!