Это лёгкое решение для перехода на другую страницу и передачи значений. Всего существует два способа:

1. Добавление «#/» после URL-адреса страницы, параметры следуют за ними, а следующая страница получает эти параметры.
2. Использование локального хранилища localStorage (HTML5).

Плагин зависит от библиотеки jQuery, которая доступна по ссылке: http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js. Перед использованием HashGoLink.js необходимо убедиться, что библиотека jQuery уже подключена.

Сначала нужно создать экземпляр с помощью команды «new»:

var myapp = new link();

Параметры функции link() объясняются следующим образом:

<!--Страница перед переходом-->
var myapp = new link();
myapp.go(url,value,element,toggle);

• url: представляет следующую страницу для перехода.
• value: параметры, которые необходимо передать, обычно это строка или массив.
• element: передача элемента, все ссылки «a» внутри этого элемента будут связаны с событием перехода и передачи значения. Если параметры каждой ссылки «а» не совпадают, можно записать эти параметры в атрибут rel каждой ссылки и установить значение Value равным 'rel'.
• toggle: [не обязательно], по умолчанию имеет значение true. При установке значения false изменение url будет отменено, и будет использоваться только передача значения через локальное хранилище.

<!-- Страница после перехода -->
myapp.link();

↑ Без параметров, возвращает параметры из предыдущей страницы, если в ссылке нет параметров, то ничего не возвращается.

<!-- Страница после перехода -->
myapp.data();

↑ Без параметров, возвращает значение из локального хранилища предыдущей страницы. Это значение автоматически сохраняется в локальном хранилище при вызове myapp.go.

Два простых примера использования:

<!--Передача параметра rel в ссылку «а»-->
<div class="index-box">
			<a href="javascript:void(0)" rel="rel参数">Ссылка A</a>
			<a href="">Ссылка B</a>
			<a href="">Ссылка C</a>
		</div>
		<script type="text/javascript">
			var api = new link(),
				e = $(".index-box");
			api.go('list.html','rel',e,false)
		</script>

<!-- Передача фиксированного массива -->
		<div class="index-box">
			<a href="javascript:void(0)">Ссылка A</a>
			<a href="">Ссылка B</a>
			<a href="">Ссылка C</a>
		</div>
		<script type="text/javascript">
			var api = new link(),
				e = $(".index-box");
			api.go('list.html',['a',2,'qwe',1414],e);
		</script>