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

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

javascript html url

通过onclick javascript函数（可折叠元素）向页面添加无扩展url,javascript,html,url,pushstate,Javascript,Html,Url,Pushstate,这是我的钮扣。它使用javascript onclick函数加载正确的页面，但是当内容加载到div中时，我希望地址栏指示一个新的无扩展的URL。如何在javascript函数中包含URL重写 HTML <img src="image1.png" type="button" onclick="myFunction()" data- toggle="collapse" data-target="#collapseExample" aria-expanded="false"

这是我的钮扣。它使用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>


函数myFunction（）{
$（'section#content'）.load（“content/page1.php”）；}；
/*我应该在这里写什么？？？？制作url
www.home.com/my-extensionless-url-name*/

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

好的，我找到了答案。这是一个有效的函数，使它无需扩展

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"
    );
};

函数myFunction（）{
$（'section#content'）.load（“content/page1.php”）；
event.preventDefault（）；
window.history.pushState(
{“html”：“，
“pageTitle”：“这是我的标题”}，
"", "http://my_Specific_Website.com/mynewurl"
);
};

这是php框架的问题。您应该研究基于MVC的框架，这并不是我想要的答案。不过我知道MVC框架，谢谢。我正在寻找一个特定的函数来针对给定函数中的这个可折叠元素。MVC不使用扩展，但是可以使用其他扩展来获取所需的内容。函数myFunction（）{$（'section#content'）.load（“content/gpage1.php”）；event.preventDefault（）；//如果（history.pushState）{history.pushState（null，null，$（this.attr（'href'）；}返回false；}，则检测pushState是否可用；顺便说一下，我基本上使用的是MVC文件结构。如果客户端刷新页面怎么办？我假设你最终会出现在404页面上？所以给你的页面添加书签也是一个问题。客户端为您的页面添加书签以便稍后查看或将url发送给朋友共享，它们将位于404页面（未找到页面）上。客户端可能不会费心搜索，因为他们认为该页面已被删除。我建议使用

.htaccess

或者稍微修改一下url

http://doamin.com/content/mynewurl

这将允许您为任何试图以

http://domain.com/content/a-z

http://domain.com/a-z.html

非常感谢！这很有帮助。