文档章节

HTML5无刷修改url

激烈的海胆
 激烈的海胆
发布于 2016/10/10 13:29
字数 107
阅读 6
收藏 0
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>HTML5无刷修改url</title>
    <script type="text/javascript">
      function changeURL(){
            var mask2 = document.getElementById('mask2').value;
            window.history.pushState({},0,'https://'+window.location.host+'/'+mask2);
        }
    </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='mask2' type="text" />
    <button onclick="changeURL();">点击无刷改变url</button>
</div>

</body>

</html>

 

© 著作权归作者所有

上一篇: HTML坐标
下一篇: rem
激烈的海胆
粉丝 0
博文 25
码字总数 7600
作品 0
北京
前端工程师
私信 提问
大爱HTML5 9款超炫HTML5最新动画源码

我们分享过很多漂亮的HTML5动画,包括CSS3菜单、HTML5 Canvas动画等。今天我们精选了9款非常不错的超炫HTML5最新动画及其源码,一起来看看。 1、HTML5可爱的404页面动画 很逗的机器人 很久以...

ruby_chen
2014/04/02
5.5K
5
知识普及:天煞的HTML5到底是个什么东西

HTML5开始大热标志性的事件是苹果前CEO Steve Jobs 公开炮轰Adobe Flash,并指出Flash在移动终端的不利因素,而且HTML5将获得胜利。顿时IT界、数字营销界、数字媒体界等相关领域的人开始一窝...

张金富
2011/12/28
4.5K
8
HTML5 高级系列:web Storage

前言 HTML5 的 web Storage 存储方式有两种:localStorage 和 sessionStorage。 这两种方式都是通过键值对保存数据,存取方便,不影响网站性能。他们的用法相同,存储时间不同。 localStora...

课工场CC老师
2017/10/26
8
0
10个绝对让你疯狂的HTML5和JS实验性展示

日期:2012-3-28 来源:GBin1.com 看看今天我们收集的绝对让你疯狂的HTML5和JS实验展示,这些演示验证了各种框架和超酷互动的性能。大多数的演示都能在Google Chrome和Firefox里流畅的运行,...

gbin1
2012/03/29
8.5K
19
HTML5学习之Web Storage基础知识

HTML5 Web 存储 在HTML5 Web Storage还没出来之前,本地存储使用的是 cookie. 但是Web 存储需要更加的安全与快速,这些数据不会被保存在服务器上,但是这些数据只用于用户请求网站数据上.它也可...

CHIEMINCHAN
2018/05/11
0
0

没有更多内容

加载失败,请刷新页面

加载更多

java通过ServerSocket与Socket实现通信

首先说一下ServerSocket与Socket. 1.ServerSocket ServerSocket是用来监听客户端Socket连接的类,如果没有连接会一直处于等待状态. ServetSocket有三个构造方法: (1) ServerSocket(int port);...

Blueeeeeee
今天
6
0
用 Sphinx 搭建博客时,如何自定义插件?

之前有不少同学看过我的个人博客(http://python-online.cn),也根据我写的教程完成了自己个人站点的搭建。 点此:使用 Python 30分钟 教你快速搭建一个博客 为防有的同学不清楚 Sphinx ,这...

王炳明
昨天
5
0
黑客之道-40本书籍助你快速入门黑客技术免费下载

场景 黑客是一个中文词语,皆源自英文hacker,随着灰鸽子的出现,灰鸽子成为了很多假借黑客名义控制他人电脑的黑客技术,于是出现了“骇客”与"黑客"分家。2012年电影频道节目中心出品的电影...

badaoliumang
昨天
15
0
很遗憾,没有一篇文章能讲清楚线程的生命周期!

(手机横屏看源码更方便) 注:java源码分析部分如无特殊说明均基于 java8 版本。 简介 大家都知道线程是有生命周期,但是彤哥可以认真负责地告诉你网上几乎没有一篇文章讲得是完全正确的。 ...

彤哥读源码
昨天
15
0
jquery--DOM操作基础

本文转载于:专业的前端网站➭jquery--DOM操作基础 元素的访问 元素属性操作 获取:attr(name);$("#my").attr("src"); 设置:attr(name,value);$("#myImg").attr("src","images/1.jpg"); ......

前端老手
昨天
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部