pushstate相关内容

有没有办法以编程方式从我的javascript文件中调用和执行pjax?

我有一个等待用户点击文本输入的功能,然后等待用户按向下和向上箭头键。当用户按下向下和向上箭头键时,调用函数hoverDown(),它基本上以编程方式悬停在表行上。按下enter键时,将调用window.location并加载相应的页面。问题是我在整个应用程序中使用 pjax 来动态加载内容并推送新内容没有页面刷新的网址。当我调用window.location函数时,pjax不再起作用,而是加载了正 ..
发布时间:2019-06-12 15:04:06 前端开发

使用history.js以不同的方式响应不同的URL更改

我正在使用history.js,并希望在网址更改时通过ajax调用内容。我有这个工作,但问题是我需要页面响应不同,具体取决于状态更改时加载的URL。例如,在本地范围内,我需要右侧导航栏中与URL相关的页面加载到它们旁边的内容区域。如果URL更改为我所在部分之外的范围,我希望ajax调用在包含整个部分的容器中加载页面,包括右侧导航。如何使用history.js可靠地响应URL? 示例: ..
发布时间:2019-06-08 17:56:35 前端开发

当hashchange发生时,IE不会触发popstate

我的网页正在客户端进行路由,使用历史记录API&推/ popstate。这适用于所有现代浏览器。 (node.js prerenderer将支持搜索引擎) 然而,我最近碰到了一个问题,即IE不会在hashchange上触发popstate,而pushstate with urls工作很好,包括IE11。 例如,像这样...... $(document).on('click',' ..
发布时间:2019-06-06 02:18:20 前端开发

如何使用动态内容更新Twitter分享按钮URL?

我在应用程序开始时初始化推文按钮,在用户交互之后,使用HTML5 pushState更新当前窗口的位置,但是twitter按钮仍然在初始化时共享以前的URL。 如何更新Twitter使用的URL? 解决方案 我想通了。以下是如何使这项工作。 一般的想法是: In您的HTML将 的类设置为Twitter分享按钮,而不是 .twitter股按钮。同时给 a s ..
发布时间:2019-06-05 23:09:13 前端开发

IE11 window.history.pushState" Object不支持属性或方法'pushState'

我在下面有这个简单的HTML代码。它在Chrome和IE11中的开发环境(Visual Studio 2010)中按预期工作(将SomeParam附加到url)。当我把它放在网络服务器上的htm文件中时,它可以在Chrome中运行,但是在IE11中它给出了“对象不支持属性或方法'pushState'。我已经彻底搜索了这个并且只能发现pushState不是在IE版本中支持 ..
发布时间:2019-05-27 13:04:40 前端开发

可以使用pushState

有没有人知道确定是否可以使用pushState的库? 我使用的是: if(window.history.pushState){ window.history.pushState(null,document.title,path); } else { location.pathname = path; } 但我发现Safari 5.0.2中存在一个错误即使上述 ..
发布时间:2019-04-24 13:43:43 前端开发

history.pushState()更改查询值

如果我的链接正在使用函数 history.pushState({},“”,link)进行更改; 我的链接例如 page.php?value = 1& value2 = 2 有没有办法只更改 value2 使用 pushState()函数而不是更改整个链接? 解决方案 如果您要做的是更改URL而不向历史对象添加其他条目,则可以尝试 replaceState 。 history.rep ..
发布时间:2019-02-20 19:22:11 前端开发

pushState和SEO

很多人一直在说,使用pushState而不是hashbang。 我不明白的是,如果不使用hashbang,你将如何成为搜索引擎友好的? 大概你的pushState内容是由客户端JavaScript代码生成的。 因此场景是: 我在 example.com 。我的用户点击了一个链接: href =“example.com/blog” pushState捕获点击,更新URL ..
发布时间:2019-01-24 00:01:43 前端开发

在缓存方面,Pushstate是否优于Hashbangs?

与hasbangs相比,HTML5 Pushstate有几个优点,事实上,Google现在已经鼓励使用Pushstate 。公开讨论的唯一Pushstate缺点是非现代浏览器不支持它。但是,对我来说,似乎Pushstate在缓存方面也是不利的。我可能错了,因此这个问题。 在缓存页面方面,Pushstate是否优于Hashbangs? 这是一个似乎Pushstate在缓存方面不好的情况。 ..
发布时间:2018-07-03 18:48:07 前端开发

在使用onPopState和pushState时,我应该使用什么j来处理后退按钮单击

我正在使用pushState更改网站的网址: history.pushState(“”,“info” ,“/ info”); 哪个效果很好,但现在后退按钮不起作用。我相信我需要使用遍历历史堆栈的onPopState编写自己的后退和前进按钮行为并呈现相应的页面。诀窍是当“后退”为空时,它应该做后退按钮通常会做的事情(在用户进入我的网站之前“返回”页面)。 这看起来 ..
发布时间:2018-07-03 18:47:39 前端开发

HTML5历史记录API - 状态对象的最大大小是多少?

pushState 方法接受状态对象。 Firefox文档称该对象的最大大小为640kb。是否在规范中定义了浏览器可以实现的最小最大大小?我可以合理地期望主流浏览器为我提供至少100kb的数据吗? 编辑:我用Chrome测试了它,它仍然适用于超过1MB的状态对象。 解决方案 不。这里的规范性文件是 http://www.whatwg .org / specs / web-apps / ..
发布时间:2018-07-03 11:03:07 前端开发

HTML5 pushstate和SEO链接

我尝试在我的网站上实现pushstate历史记录,以便从index.php容器中的single.php页面加载内容。 我的网站有两个主要内容page:index.php和single.php。 在index.php上有一些调用pushstate脚本的链接: ..
发布时间:2018-07-03 11:00:20 前端开发

带有部分页面加载的HTML5 History API后退按钮

为了提高我网站的性能/响应能力,我使用AJAX,replaceState,pushState和popstate监听器实现了部分页面加载。 我基本上存储了我的页面的中心部分(HTML)作为历史记录中的状态对象。单击链接时,我只从服务器请求页面的中心位(使用不同的Accept标识标识这些请求)并用javascript替换它。在popstate上,我抓住前一个中心部分并将其推回到dom。 这 ..
发布时间:2018-07-02 13:49:52 前端开发

window.history.pushState不在历史记录中

我在尝试使用history.pushstate事件时遇到了一些问题。我进行了设置,以便页面的url成为通过AJAX加载的页面的实际URL,并且运行正常。 我明白它应该自动创建历史记录,加载以前加载的页面。不幸的是帽子没有发生,当我点击前面时,网址确实会改变而不是页面。 你能帮帮我吗?这是我的简化代码: function hijackLinks(){ $('a')。live(“cl ..
发布时间:2018-07-02 13:35:20 前端开发