JS : 페이지 URL을 기반으로 이미지 얻기

Question

제발 내 용서를 용서해주십시오. 나는 HTML 녀석이고 JS는 나에게 꽤 외계인이다. 페이지 URL을 기반으로 이미지를 표시하는 함수를 만들려고합니다.

예를 들어

"page_001-e.html는"지금까지 함께이 정육점 관리했습니다 "page_001.jpg"

를 표시합니다. 나는 결과에서 -e.html 트림 할 필요가

<img url="photo_000-e.html.jpg" /> 

: 리턴

<script type="text/javascript"> 
    document.write("<img src=\"photos/full/"+location.pathname.substring(location.pathname.lastIndexOf("/") + 1)+".jpg"+"\" />"); 
</script> 

. 저는 다국어 사이트에서 일하고 있으므로 -e을 언어 표시기로 상수로 사용할 수는 없습니다.

인터넷 검색에서 str.replace 또는 아마도 slice을 사용할 수있는 것처럼 보입니다. 그러나 내가 모르는 부분은 사용 방법이나 사용법이 여기에 있습니다.

잘못된 방법으로보고 싶다면 도움이나 조언을 주시면 감사하겠습니다.

<script type="text/javascript"> 
    var img_url = window.location.href.split("-")[0] + ".jpg"; 
</script> 

:

Answer 1

트림 아래의 코드를 사용할 수 있습니다 이제, 어디에 놓을 지 알아 내야합니다. Image 개체를 만든 다음 DOM의 특정 영역에 개체를 추가하는 것이 좋습니다.

<script type="text/javascript"> 
    // Get the image URL 
    var img_url = window.location.href.split("-")[0] + ".jpg"; 

    // Create an image (not visible anywhere) 
    var img = document.createElement("img"); 

    // Set the Image to load from your new URL 
    img.src = image_url; 

    // Add it to your HTML 
    document.getElementById("some_id").appendChild(img); 
</script> 

<div id="some_id"> 
</div> 

위의 코드에서 javascript는 이미지를 ID "some_id"가있는 div에 추가합니다.

Answer 2

당신은 항상 하나의 대시가있을 것입니다 가정, 당신은 다음 코드를 사용하여 이미지의 URL을 얻을 수있는 가치를

location.pathname.substring(location.pathname.lastIndexOf("/") + 1).replace(location.pathname.substring(location.pathname.lastIndexOf("/") + 1).lastIndexOf("-"),"") 

Answer 3

시도해보십시오.

var path = location.pathname.replace('.html','.jpg'); 

document.write(path);