Question

这是我的按钮。它使用javascript onclick函数加载正确的页面，但是当内容加载到div中时，我希望地址栏指示一个新的无扩展名的URL。如何在javascript函数中包含URL重写？

HTML

<img src="image1.png" type="button" onclick="myFunction()"  data-        
toggle="collapse" data-target="#collapseExample" aria-expanded="false" 
aria-controls="collapseExample"/>


<section id="content">This is the content</div>

使用Javascript：

<script>
function myFunction() {
$('section#content').load("content/page1.php");};
/*What should I write here???? to make url 
www.home.com/my-extensionless-url-name */
</script>

我尝试了推送状态，但我似乎没有得到正确的元素引用。

Answer 1

好的，我找到了答案。这是有效的功能，并使其无延伸！

function myFunction(){
    $('section#content').load("content/page1.php");
    event.preventDefault();     
    window.history.pushState(
        {"html":"<html></html>",
        "pageTitle":"this is my title"},
        "", "http://my_Specific_Website.com/mynewurl"
    );
};

通过onclick javascript函数（可折叠元素）向页面添加无扩展名的URL

1 个答案: