无刷新URL 更新

最新推荐文章于 2024-09-02 17:27:54 发布

weixin_34008933

最新推荐文章于 2024-09-02 17:27:54 发布

阅读量85

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/cench/p/5813802.html

版权

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>HTML5无刷修改url - 琼台博客</title>
        <script type="text/javascript">
            function changeURL(){
                var url = document.getElementById('url').value;
                window.history.pushState({},0,'http://'+window.location.host+'/'+url);      
            }
 
        </script> 
    </head>
    <body>
        <h1>html5无刷新改变url</h1>
        <div id="info" style="margin:30px 0;">
            页面真实地址:
            <span style="color:red;"><script type="text/javascript">document.write(window.location.href);</script></span>
        </div>
        <div>
        请输入要改变地URL字符串：<input id='url' type="text" />
        <button οnclick="changeURL();">点击无刷改变url</button>
        </div>
        <div style="color:red;margin-top:30px;">请使用支持html5的浏览器访问</div>
        <div style="margin-top:30px;"><a href="http://www.qttc.net/201303292.html" target="_blank">《html5无刷新改变URL》</a> - 琼台博客</div>
    </body>
 
</html>

　　http://www.qttc.net/201303292.html

转载于:https://www.cnblogs.com/cench/p/5813802.html

weixin_34008933

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
无刷新URL 更新

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>HTML5无刷修改url - 琼台博客</title> <script type="text/javascript">...
复制链接

扫一扫