我该如何改善此代码[关闭]

Question

Closed. This question is off-topic. It is not currently accepting answers.

                </div>
            </div>
        </div>
                <hr class="my12 outline-none baw0 bb bc-powder-2">
            <div class="grid fw-nowrap fc-black-600">
                    <div class="grid--cell mr8">
                        <svg aria-hidden="true" class="svg-icon iconLightbulb" width="18" height="18" viewbox="0 0 18 18"><path d="M9.5.5a.5.5 0 0 0-1 0v.25a.5.5 0 0 0 1 0V.5zm5.6 2.1a.5.5 0 0 0-.7-.7l-.25.25a.5.5 0 0 0 .7.7l.25-.25zM1 7.5c0-.28.22-.5.5-.5H2a.5.5 0 0 1 0 1h-.5a.5.5 0 0 1-.5-.5zm14.5 0c0-.28.22-.5.5-.5h.5a.5.5 0 0 1 0 1H16a.5.5 0 0 1-.5-.5zM2.9 1.9c.2-.2.5-.2.7 0l.25.25a.5.5 0 1 1-.7.7L2.9 2.6a.5.5 0 0 1 0-.7z" fill-opacity=".4"></path><path opacity=".4" d="M7 16h4v1a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-1z" fill="#3F3F3F"></path><path d="M15 8a6 6 0 0 1-3.5 5.46V14a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1v-.54A6 6 0 1 1 15 8zm-4.15-3.85a.5.5 0 0 0-.7.7l2 2a.5.5 0 0 0 .7-.7l-2-2z" fill="#FFC166"></path></svg>
                    </div>
                <div class="grid--cell lh-md">
                    <p class="mb0">
                        <b>Want to improve this question?</b> <a href="/posts/10448702/edit">Update the question</a> so it's <a href="/help/on-topic">on-topic</a> for Stack Overflow.
                    </p>
                    <p class="mb0 mt6">Closed <span title="2012-05-06 18:14:09Z" class="relativetime">7 years ago</span>.</p>
                </div>
            </div>
    </aside>

I have implemented javascript code to solve ajax history problem Everything is working fine there no problem in it but I want to improve this code

As an example

When user see page (URL : http://www.example.com/pages/about) and if user click contact page I append hash code to url like this

window.location.hash="!"+hash;

so the URL will look like http://www.example.com/pages/about#!contactus

whenever user clicks the page hash code will be change

If user press back button or go back in anyway hash will be changed as you all know already

using that hash change content of my web site

so back to main point what I want to do is don't want to append hash at address bar (something like Facebook do {you can see this in latest browser})

</div>

Answer 1

You should look at new History API additions in HTML5. There's a somewhat long introduction from "Dive into HTML5" book but I like it a bit more than MDN article.

Also there's a great library called History.JS that abstracts away the differences between the new API and old hash-based approach. I also works around many incompatabilities among browsers which is great! It works with jQuery, Prototype, MooTols and Zepto.