yetimdasturchi/fetch-navigator.js

## fetch-navigator.js
var fetchBody = function( url ) {
	fetch( url ).then(function (response) {
		return response.text();
	}).then(function (html) {
		var title = html.replace(/^.*?<title>(.*?)<\/title>.*?$/s,"$1");
		var body = html.replace(/^.*?<body>(.*?)<\/body>.*?$/s,"$1");
		document.title = title;
		document.body.innerHTML = body;
		history.pushState({page:url}, null, url);
		window.scrollTo({ top: 0, behavior: 'smooth' });
		run();
	}).catch(function (err) {
		console.log( 'Error loading' );
	});
}

window.addEventListener('popstate', (event) => {
	fetchBody( location.href );
});

var run = function() {
	var Anchors = document.getElementsByTagName("a");
	for (var i = 0; i < Anchors.length ; i++) {
		let hostname = new URL(Anchors[i].href);
		if (hostname.host == window.location.host) {
			Anchors[i].addEventListener("click", function (event) {
				fetchBody(this.href);
				event.preventDefault();
			}, false);
		}
	}
}

run();
	var fetchBody = function( url ) {
	fetch( url ).then(function (response) {
	return response.text();
	}).then(function (html) {
	var title = html.replace(/^.?<title>(.?)<\/title>.*?$/s,"$1");
	var body = html.replace(/^.?<body>(.?)<\/body>.*?$/s,"$1");
	document.title = title;
	document.body.innerHTML = body;
	history.pushState({page:url}, null, url);
	window.scrollTo({ top: 0, behavior: 'smooth' });
	run();
	}).catch(function (err) {
	console.log( 'Error loading' );
	});
	}

	window.addEventListener('popstate', (event) => {
	fetchBody( location.href );
	});

	var run = function() {
	var Anchors = document.getElementsByTagName("a");
	for (var i = 0; i < Anchors.length ; i++) {
	let hostname = new URL(Anchors[i].href);
	if (hostname.host == window.location.host) {
	Anchors[i].addEventListener("click", function (event) {
	fetchBody(this.href);
	event.preventDefault();
	}, false);
	}
	}
	}

	run();