i cant use url Query https://example.com/?l=http://example2.com on my CloudFlare Worker server.
So, My question is, how to convert this JS script to work with https://example.com/#http://example2.com
function getUrlVars() {
var vars = {};
var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi,
function(m,key,value) {
vars[key] = value;
});
return vars;
}
var l = getUrlVars()["l"];
Based on jp-jee reply, this my script :
<script>
var hash = window.location.hash;
function change(){
var txt = hash.replace("#", "");
document.getElementById("url").value = txt;
}
</script>
<input onclick="change()" name="url" type="text" id="url" placeholder="enter url here" value="enter url here" />
<button id="submit" onclick="submitURL()">Submit</button>
Thanks :)
Use window.location.hash and remove the # character from the result.
For the URL https://example.com/#http://example2.com, window.location.hash evauates to "#http://example2.com"
The # and text following it is known as the "fragment" or "hash". The URL class puts this in the property .hash.
However, there is a different problem: This text is not sent to the server in regular HTTP -- it is kept only in the browser. That means that you cannot see this value in Cloudflare Workers or any other server-side code. If you want to use # for navigation, you must implement your navigation on the client side, in the browser.