javascript

java

python

c#

node.js

reactjs

android

php

c++

ruby-on-rails

html

jquery

git

css

ios

sql

.net

c

<img src="//i.stack.imgur.com/bk9VA.png" alt="" class="sponsor-tag-img" width="18" height="16"/>android

string

javascript - 你可以在不影响历史的情况下使用哈希导航吗?

我担心这可能是不可能的,但有没有办法改变URL的哈希值而不在浏览器的历史记录中留下条目而不重新加载? 或者做同等的?

至于具体细节,我正在开发一些基本的哈希导航:

//hash nav -- works with js-tabs
var getHash = window.location.hash;
var hashPref = "tab-";
function useHash(newHash) {
    //set js-tab according to hash
    newHash = newHash.replace('#'+hashPref, '');
    $("#tabs li a[href='"+ newHash +"']").click();
}
function setHash(newHash) {
    //set hash according to js-tab
    window.location.hash = hashPref + newHash;

    //THIS IS WHERE I would like to REPLACE the location.hash
    //without a history entry

}
    // ... a lot of irrelavent tabs js and then....

    //make tabs work
    $("#tabs.js-tabs a").live("click", function() {
        var showMe = $(this).attr("href");
        $(showMe).show();
        setHash(showMe);
        return false;
    });
    //hash nav on ready .. if hash exists, execute
    if ( getHash ){
        useHash(getHash);
    }

显然,使用jQuery。 这个想法是在这个具体的例子中1)让用户回过头来改变每个标签可以有效地打破后退按钮&#39; 通过堆积不必要的引用,以及2)如果它们达到刷新状态,则不保留它们当前所处的选项卡是一种烦恼。

trans by 2019-08-13T23:30:08Z

javascript - 如何在不导致页面滚动的情况下删除位置哈希?

是否可以从window.location中删除哈希,而不会导致页面跳转到顶部? 我需要能够修改哈希而不会引起任何跳转。

我有这个:

$('<a href="#123">').text('link').click(function(e) {
  e.preventDefault();
  window.location.hash = this.hash;
}).appendTo('body');

$('<a href="#">').text('unlink').click(function(e) {
  e.preventDefault();
  window.location.hash = '';
}).appendTo('body');

看这里的实例:[http://jsbin.com/asobi]

当用户单击“链接”时,修改的哈希标记没有任何页面跳转,因此工作正常。

但是当用户点击“取消链接”时,删除了has标记,页面滚动跳转到顶部。 我需要删除没有这种副作用的哈希。

trans by 2019-05-27T11:07:31Z

URL中片段标识符的有效字符列表?

我正在使用片段标识符为我的Web应用程序中的AJAX事件创建一个永久链接,类似于这个人。 就像是:

http://www.myapp.com/calendar#filter:year/2010/month/5

我做了很多搜索,但找不到片段识别符的有效字符列表。 W3C规范没有提供任何东西。

我是否需要将字符编码与一般的URL相同?

在任何地方似乎都没有任何好的信息。

trans by 2019-04-28T09:12:53Z

在不使用JavaScript加载新页面的情况下更改浏览器中的URL

我如何使用可能对当前页面产生一些影响的JavaScript操作,但也会更改浏览器中的URL,以便在用户点击重新加载或书签时使用新URL?

如果后退按钮会重新加载原始URL也会很好。

我试图在URL中记录JavaScript状态。

trans by 2019-02-14T02:41:01Z

如何在没有页面刷新的情况下使用JavaScript从window.location(URL)中删除哈希?

我有URL像:#,如何删除#something,而不会导致页面刷新?

我尝试了以下解决方案:

window.location.hash = '';

但是,这不会从URL中删除哈希符号#

trans by 2019-02-06T18:04:54Z

jquery - 如何使用JavaScript检查URL中的#hash?

我有一些jQuery JavaScript代码,我想只在URL中有一个哈希(#)锚链接时运行。 如何使用JavaScript检查此角色? 我需要一个简单的catch-all测试来检测这样的URL:

  • example.com/page.html#anchor
  • example.com/page.html#anotheranchor

基本上是这样的:

if (thereIsAHashInTheUrl) {        
    do this;
} else {
    do this;
}

如果有人能指出我正确的方向,那将非常感激。

trans by 2019-01-19T21:52:08Z

javascript - On - window.location.hash - 更改?

我正在使用Ajax和hash进行导航。

有没有办法检查window.location.hash是否改变了这样的?

[http://example.com/blah#123]至[http://example.com/blah#456]

如果我在文档加载时检查它,它可以工作。

但是如果我有基于#hash的导航,那么当我按下浏览器上的后退按钮时它就不起作用了(所以我从#456跳到了#123)。

它显示在地址框内,但我无法用JavaScript捕获它。

trans by 2019-01-19T01:50:01Z

什么是Facebook中的shebang / hashbang(#!)和新的Twitter URL?

我刚刚注意到,我们现在习惯使用的漫长而复杂的Facebook网址如下所示:

#!

据我所知,今年早些时候它只是一个普通的URL片段式字符串(从#!开始),没有感叹号。 但现在它是一个shebang或hashbang(#!),我以前只在shell脚本和Perl脚本中看到过。

新的Twitter URL现在还具有#!符号。 例如,Twitter个人资料网址现在看起来像这样:

#!

#!现在在URL中扮演一些特殊的角色,比如某个Ajax框架或某些东西,因为新的Facebook和Twitter界面现在基本上是Ajax化的吗? 在我的URL中使用它会以任何方式使我的Web应用程序受益吗?

trans by 2019-01-18T16:09:02Z

html5 - 我应该使用'name'或'id'制作HTML锚点吗?

如果想用“http://example.com/#foo”方法引用某个网页的某个部分,应该使用

<h1><a name="foo"/>Foo Title</h1>

要么

<h1 id="foo">Foo Title</h1>

他们都工作,但他们是平等的,还是他们有语义差异?

trans by 2018-12-21T00:24:38Z

1 共1页