перейти на страницу URL, исключая косую черту при передаче функции на стороне клиента

Question

В представлении Просто нажмите кнопку, URL должен быть открыт в новой вкладке.То же самое хорошо работает с тегом привязки, но при применении к тегу кнопки работает странно, удаляя косые черты из URL, URL-адрес, сохраненный в БД, выглядит следующим образом ..

Uploads \ Donor \ Pages \ man Khan_6e48.html

это прекрасно работает

<a href="@Url.Content("~/"+@post.PostPageLink)" target="_blank" class="item-photo item-photo--static">

Результат.

https://localhost:44360/Uploads/Donor/Pages/man%20Khan_6e48.html

но когда попробуйте эти ...

<button  onclick="ViewPostPage('@Url.Content("~/"+@post.PostPageLink)')" class="properties__pay">View @post.Category Post</button>

function ViewPostPage(pagelink) {
    alert(pagelink);
    window.open(pagelink);
};

или

<button  onClick="parent.open('../@post.PostPageLink')" class="properties__pay">View @post.Category Post</button>

URL-адрес страницы будет выглядеть следующим образом ...

https://localhost:44360/UploadsDonorPagesman%20Khan_6e48.html

в чем проблема?

Answer 1

Это происходит потому, что браузер думает, что вы экранировали все символы после \.Вам нужно сбежать от \.Вы можете использовать encodeURIComponent из этого примера.

Answer 2

вот что решил проблему ..

<a href="@Url.Content("~/"+@post.PostPageLink)" target="_blank">
                                                        <button class="properties__pay">View @post.Category Post</button>
                                                    </a>

Answer 3

Вы можете использовать якорь внутри кнопки,

<button class="properties__pay">
   <a href=`'~/'${@post.PostPageLink}` target="_blank">
      `View ${@post.Category} Post`
   </a>
</button>