blocks|key|581211|text|我不使用Cordova，但是这个代码可能会帮你：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|581212|String+.+prototype+.+isEmpty+=+function+()+{+return+this+.+length+===+0;+};

var+browserHistory;

function+hash+(+name,+historyChange+)
{
++++"use+strict";
++++if+(+name+!==+undefined+)
++++{
++++++++if+(+hash+()+!==+name+)
++++++++{
++++++++++++if+(+!+historyChange+)+{+browserHistory+.+add+(+name+);+}
++++++++++++window+.+location+.+hash+=+name;
++++++++}
++++}
++++else
++++{
++++++++var+newHash+=+window+.+location+.+hash+.+split+(+"#"+)+[+1+];
++++++++return+newHash+===+undefined+?+""+:+newHash;
++++}
}

browserHistory+=
{
++++currentIndex+:+0,
++++history+:+[],
++++add+:+function+(+name+)
++++{
++++++++"use+strict";
++++++++this+.+currentIndex+=+this+.+currentIndex+%2B+1;
++++++++if+(+this+.+history+.+length+-+1+>+this+.+currentIndex+)+{+this+.+history+.+splice+(+this+.+currentIndex+);+}
++++++++this+.+history+.+push+(+name+);
++++},
++++backward+:+function+()
++++{
++++++++"use+strict";
++++++++if+(+this+.+currentIndex+===+0+)+{+return;+}
++++++++this+.+currentIndex+=+this+.+currentIndex+-+1;
++++++++this+.+changeHash+();
++++},
++++changeHash+:+function+()
++++{
++++++++"use+strict";
++++++++hash+(+this+.+history+[+this+.+currentIndex+],+true+);
++++},
++++forward+:+function+()
++++{
++++++++"use+strict";
++++++++if+(+this+.+currentIndex+===+this+.+history+.+length+-+1+)+{+return;+}
++++++++this+.+currentIndex+=+this+.+currentIndex+%2B+1;
++++++++this+.+changeHash+();
++++},
++++init+:+function+(+name+)
++++{
++++++++"use+strict";
++++++++this+.+history+.+push+(+name+);
++++}
};

window+.+onhashchange+=+function+()
{
++++"use+strict";
++++if+(+hash+()+.+isEmpty+()+)+{+load+(+{+name:+""+}+);+}
++++else+{+load+(+{+name:+hash+()+}+);+}
};

window+.+onload+=+function+()
{
++++"use+strict";
++++if+(+!+hash+()+.+isEmpty+()+)
++++{
++++++++browserHistory+.+init+(+hash+()+);
++++++++load+(+{+name:+hash+()+}+);+
++++}
++++else+{+browserHistory+.+init+(+""+);+}
};|code-block|syntax|javascript|581213|这个脚本：|581214|1)处理使用散列的站点(http://(www.+)+name.Domain/#urlHash)。|581215|Examle:
https://www.example.com/page+-+default+url
https://www.example.com/page#login+-+login+subpage
https://www.example.com/page#images+-+images+subpage
etc.|581216|2)+"window+.+onload“函数检查(如果输入url包含散列和init+browserHistory+)，或者使用："”(空字符串)--没有散列是我的主页。|581217|3)+"browserHistory“对象保存页面历史记录|581218|4)不带参数调用的“散列”函数返回当前url散列，并使用"name“参数更改url散列。|581219|5)当散列被更改时，调用"window+.+onhashchange“函数。|581220|6)+"window+.+onhashchange“函数检查散列。|581221|如果url不包含散列，脚本将加载默认页。|581222|如果url包含哈希，脚本将根据散列加载子页。|581223|7)在函数"load“(这里没有描述)中，我有一个XMLHttpRequest，它调用带有name参数的php文件，并设置为从该php文件返回的主div元素html代码。|581224|8)而不是(例如)：|581225|<a+class="a_nice_style"+href="https://www.example.com/images.html>Images+gallery</a>|581226|您可以使用(例如)：|581227|<p+class="a_nice_style"+onclick="hash+(+'images'+);">Images+gallery|581228|9)函数名为："load“有一个对象作为参数。此对象被发送到php文件(作为"$_GET“或"$_POST”数组)，因此您可以使用包含登录字段值的自定义对象调用"load“函数。|581229|10)+"browserHistory“只有你的页面的散列。|581230|这将是您按一下按钮的功能：|581231|onBackButton:+function()+{+browserHistory+.+backward+();+}|581232|您可以修改"browserHistory+.向后“函数，以通过替换：”返回“退出应用程序：|581233|if+(+this+.+currentIndex+===+0+)+{+return;+}|581234|使用您的应用程序退出代码。|581235|entityMap^0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|1R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|1S|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|1T|8|@]|9|@]|A|$]]|$1|K|3|L|5|D|7|1U|8|@]|9|@]|A|$E|F]]|$1|M|3|N|5|6|7|1V|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|1W|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|1X|8|@]|9|@]|A|$]]|$1|S|3|T|5|6|7|1Y|8|@]|9|@]|A|$]]|$1|U|3|V|5|6|7|1Z|8|@]|9|@]|A|$]]|$1|W|3|X|5|6|7|20|8|@]|9|@]|A|$]]|$1|Y|3|Z|5|6|7|21|8|@]|9|@]|A|$]]|$1|10|3|11|5|6|7|22|8|@]|9|@]|A|$]]|$1|12|3|13|5|6|7|23|8|@]|9|@]|A|$]]|$1|14|3|15|5|D|7|24|8|@]|9|@]|A|$E|F]]|$1|16|3|17|5|6|7|25|8|@]|9|@]|A|$]]|$1|18|3|19|5|D|7|26|8|@]|9|@]|A|$E|F]]|$1|1A|3|1B|5|6|7|27|8|@]|9|@]|A|$]]|$1|1C|3|1D|5|6|7|28|8|@]|9|@]|A|$]]|$1|1E|3|1F|5|6|7|29|8|@]|9|@]|A|$]]|$1|1G|3|1H|5|D|7|2A|8|@]|9|@]|A|$E|F]]|$1|1I|3|1J|5|6|7|2B|8|@]|9|@]|A|$]]|$1|1K|3|1L|5|D|7|2C|8|@]|9|@]|A|$E|F]]|$1|1M|3|1N|5|6|7|2D|8|@]|9|@]|A|$]]|$1|1O|3|-4|5|6|7|2E|8|@]|9|@]|A|$]]]|1P|$]]

I don't use the Cordova, but this code might help you:

<pre><code>String . prototype . isEmpty = function () { return this . length === 0; };

var browserHistory;

function hash ( name, historyChange )
{
 "use strict";
 if ( name !== undefined )
 {
 if ( hash () !== name )
 {
 if ( ! historyChange ) { browserHistory . add ( name ); }
 window . location . hash = name;
 }
 }
 else
 {
 var newHash = window . location . hash . split ( "#" ) [ 1 ];
 return newHash === undefined ? "" : newHash;
 }
}

browserHistory =
{
 currentIndex : 0,
 history : [],
 add : function ( name )
 {
 "use strict";
 this . currentIndex = this . currentIndex + 1;
 if ( this . history . length - 1 &gt; this . currentIndex ) { this . history . splice ( this . currentIndex ); }
 this . history . push ( name );
 },
 backward : function ()
 {
 "use strict";
 if ( this . currentIndex === 0 ) { return; }
 this . currentIndex = this . currentIndex - 1;
 this . changeHash ();
 },
 changeHash : function ()
 {
 "use strict";
 hash ( this . history [ this . currentIndex ], true );
 },
 forward : function ()
 {
 "use strict";
 if ( this . currentIndex === this . history . length - 1 ) { return; }
 this . currentIndex = this . currentIndex + 1;
 this . changeHash ();
 },
 init : function ( name )
 {
 "use strict";
 this . history . push ( name );
 }
};

window . onhashchange = function ()
{
 "use strict";
 if ( hash () . isEmpty () ) { load ( { name: "" } ); }
 else { load ( { name: hash () } ); }
};

window . onload = function ()
{
 "use strict";
 if ( ! hash () . isEmpty () )
 {
 browserHistory . init ( hash () );
 load ( { name: hash () } ); 
 }
 else { browserHistory . init ( "" ); }
};
</code></pre>

This script: 
1) Work with sites that uses hashes ( http(s)://(www.)name.domain/#urlHash ).

<pre><code>Examle:
https://www.example.com/page - default url
https://www.example.com/page#login - login subpage
https://www.example.com/page#images - images subpage
etc.
</code></pre>

2) "window . onload" function check if entered url contain a hash and init browserHistory with it or with: "" ( empty string ) - no hash is my main page 
3) "browserHistory" object save a page history 
4) "hash" function called without arguments returns current url hash and with "name" parameter change url hash 
5) When hash is changed "window . onhashchange" function is called 
6) "window . onhashchange" function check hash 
If the url does not contain hash, script load the default page. 
If the url contain a hash, script load a subpage based on hash. 
7) In function "load" ( not described here ) I have an XMLHttpRequest, that call php file with name argument and set to main div element html code that was returned from that php file. 
8) Instead of ( for example ):

<pre><code>&lt;a class="a_nice_style" href="https://www.example.com/images.html&gt;Images gallery&lt;/a&gt;
</code></pre>

You can use ( for examle ):

<pre><code>&lt;p class="a_nice_style" onclick="hash ( 'images' );"&gt;Images gallery&lt;/p&gt;
</code></pre>

9) Function named: "load" have an object as a parameter. This object is send to php file ( as an "$_GET" or "$_POST" array ), so you can call "load" function with custom object that contains for example login fields values. 
10) "browserHistory" have only hashes of your page.

This will be your button onclick function:

<pre><code>onBackButton: function() { browserHistory . backward (); }
</code></pre>

You can modify a "browserHistory . backward" function to exit your app by replace: "return;" in this line:

<pre><code>if ( this . currentIndex === 0 ) { return; }
</code></pre>

with your application exit code.

blocks|key|125268|text|试试这个。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|125269|main.js|125270|var+pagesHistory+=+[];
var+currentPage+=+{};
var+path+=+"";|code-block|syntax|javascript|125271|page1.js|125272|currentPage+=+{};
currentPage.back+=+function()+{
++++pagesHistory.pop();
};
currentPage.loadPage2+=+function()+{
++++pagesHistory.push(path+%2B+"pages/Page2.html");
};|125273|page2.js|125274|currentPage+=+{};
currentPage.back+=+function()+{
++++pagesHistory.pop();
};
currentPage.loadPage1+=+function()+{
++++pagesHistory.push(path+%2B+"pages/Page1.html");
};|125275|参考资料：http://public.dhe.ibm.com/software/mobile-solutions/worklight/docs/v620/BuildingMultiPageApplicationProject.zip|offset|length|125276|entityMap|0|LINK|mutability|MUTABLE|url|http://public.dhe.ibm.com/software/mobile-solutions/worklight/docs/v620/BuildingMultiPageApplicationProject.zip^0|0|0|0|0|0|0|0|5|33|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|13|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|14|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|15|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|16|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|17|8|@]|9|@]|A|$]]|$1|O|3|P|5|F|7|18|8|@]|9|@]|A|$G|H]]|$1|Q|3|R|5|6|7|19|8|@]|9|@$S|1A|T|1B|1|1C]]|A|$]]|$1|U|3|-4|5|6|7|1D|8|@]|9|@]|A|$]]]|V|$W|$5|X|Y|Z|A|$10|11]]]]

Try this one.

main.js

<pre><code>var pagesHistory = [];
var currentPage = {};
var path = "";
</code></pre>

page1.js

<pre><code>currentPage = {};
currentPage.back = function() {
 pagesHistory.pop();
};
currentPage.loadPage2 = function() {
 pagesHistory.push(path + "pages/Page2.html");
};
</code></pre>

page2.js

<pre><code>currentPage = {};
currentPage.back = function() {
 pagesHistory.pop();
};
currentPage.loadPage1 = function() {
 pagesHistory.push(path + "pages/Page1.html");
};
</code></pre>

Reference: <a href="http://public.dhe.ibm.com/software/mobile-solutions/worklight/docs/v620/BuildingMultiPageApplicationProject.zip" rel="nofollow">http://public.dhe.ibm.com/software/mobile-solutions/worklight/docs/v620/BuildingMultiPageApplicationProject.zip</a>

blocks|key|125991|text|你可以简单地使用，|type|unstyled|depth|inlineStyleRanges|entityRanges|data|125992|history.go(-1);|code-block|syntax|javascript|125993|向后航行。|125994|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

You can simply use,

<pre><code>history.go(-1);
</code></pre>

to navigate back.

blocks|key|126015|text|不知道科多瓦自己有没有领航员。但是我通常用这个函数来回溯：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|126016|function+goBack()+{
++++//or+history.back()
++++history.go(-1);
++++navigator.app.backHistory();
}|code-block|syntax|javascript|126017|但无法测试。|126018|编辑:由于您没有通过ajax完成完全刷新和加载几乎所有的操作，所以您可能必须自己实现历史记录。iphone在返回时只使用javascript页面有一些问题。既然你把自己的行为推到历史上去，就不应该太难了：|126019|window.addEventListener("popstate",+function(e)+{
++++//get+it+from+the+history,+execute+your+functions+to+show+the+page+as+usual
});|126020|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|D|7|S|8|@]|9|@]|A|$E|F]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

Dont know if cordova itself has the navigator.. but I usually used this function for going back:

<pre><code>function goBack() {
 //or history.back()
 history.go(-1);
 navigator.app.backHistory();
}
</code></pre>

Could not test it though.

Edit:
Since you don't do full refresh and load almost everything through ajax, you maybe have to implement the history back yourself.. the iphone has some problems with javascript only pages when going back. Since you push your actions to the history it shouldn't be to hard:

<pre><code>window.addEventListener("popstate", function(e) {
 //get it from the history, execute your functions to show the page as usual
});
</code></pre>

blocks|key|2190838|text|几个月前看到这个答案了吗？显然，iOS在仅通过脚本导航历史记录时存在一些安全问题。这里的答案还包括通过散列URL：StackOverflow问题所做的工作。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2190839|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/21625126/window-history-go-1-not-working-in-ios-homescreen-app^0|1L|F|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

Seen this answer from a few months back? Apparently iOS has some security issues when it comes to navigating history through script alone. The answer here also includes a work around by hashing the URLs: <a href="https://stackoverflow.com/questions/21625126/window-history-go-1-not-working-in-ios-homescreen-app">StackOverflow Question</a>

blocks|key|2190841|text|app.application.navigate("#:back")怎么样？|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2190842|entityMap^0|0|Y|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

How about <code>app.application.navigate("#:back")</code>?

I have a hybrid application developed with Cordova. The app is very simple, so I haven't used a framework. Almost all the pages are injected via Ajax using the jQuery's <code>ajax()</code> method, and then added in the history using the HTML5 History API via the <code>pushState()</code> method.

To allow the user to go back to a previously visited page (a page in the history), I've created a button. I listen for the <code>backbutton</code> event as well as taps on that button and when the event is fired, I execute the following handler:

<pre><code>onBackButton: function() {
 window.history.length === 0 ? navigator.app.exitApp() : window.history.back();
}
</code></pre>

To be sure to have the maximum compatibility possible, I've also added <a href="https://github.com/browserstate/history.js" rel="nofollow noreferrer">history.js</a> to the project.

It works like a charm on Android and on the iOS simulator on the Mac, but doesn't work on a real device. What happens is that iOS catch the event but the execution of the method doesn't change the page. I've already tried several methods based on previous answers on StackOverflow, but no luck. Some examples are: <a href="https://stackoverflow.com/questions/20116050/history-back-not-working-in-phonegap-ios-build">history.back() not working in phonegap ios build</a> and <a href="https://stackoverflow.com/questions/16542118/phonegap-navigator-app-backhistory-not-working-on-html-back-button">Phonegap - navigator.app.backHistory() not working on HTML back button</a>.

What I can try?

history.back doesn't work on iOS using Cordova

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

我和科多瓦一起开发了一个混合应用程序。这个应用程序非常简单，所以我没有使用框架。几乎所有页面都是使用jQuery的ajax()方法通过Ajax注入的，然后使用HTML5历史API通过pushState()方法添加到历史记录中。为了让用户回到以前访问过的页面(历史上的一个页面)，我创建了一个按钮。我侦听backbutto...

问history.back不使用Cordova在iOS上工作
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问history.back不使用Cordova在iOS上工作EN