How to get url of current page in javascript? window.location in js.

This is very basic and hot question asking every time in interview. How to get current page url in js? 

syntax :- window.location

1. Location {href: "https://boyonweb.blogspot.com/2020/05/how-to-use-every-function-in-javascript.html", ancestorOrigins: DOMStringList, origin: "https://boyonweb.blogspot.com", protocol: "https:", host: "boyonweb.blogspot.com", …}
1. ancestorOrigins: DOMStringList {length: 0}
2. assign: ƒ assign()
3. fragmentDirective: FragmentDirective {}
4. hash: ""
5. host: "boyonweb.blogspot.com"
6. hostname: "boyonweb.blogspot.com"
7. href: "https://boyonweb.blogspot.com/2020/05/how-to-use-every-function-in-javascript.html"
8. origin: "https://boyonweb.blogspot.com"
9. pathname: "/2020/05/how-to-use-every-function-in-javascript.html"
10. port: ""
11. protocol: "https:"
12. reload: ƒ reload()
13. replace: ƒ replace()
14. search: ""
15. toString: ƒ toString()
16. valueOf: ƒ valueOf()
17. Symbol(Symbol.toPrimitive): undefined
18. __proto__: Location

Here you will get one JSON object with multiple keys. lets understand few important keys:-

• host: "boyonweb.blogspot.com" - host will return you domain with extension without http/https.
• href: "https://boyonweb.blogspot.com/2020/05/how-to-use-every-function-in-javascript.html" - this
• key will give complete full url of current page.
• origin: "https://boyonweb.blogspot.com"- origin key will give host name with its protocol.
• pathname: "/2020/05/how-to-use-every-function-in-javascript.html" - it will give path with protocol
• and domain name
• protocol: "https:"- it will give you protocal type like https/http/ftp etc.

Example of One website you can see here :

Website name : https://marketingdukaan.com/

window.location

1. Location {href: "https://marketingdukaan.com/freewebsite", ancestorOrigins: DOMStringList, origin: "https://marketingdukaan.com", protocol: "https:", host: "marketingdukaan.com", …}
1. ancestorOrigins: DOMStringList {length: 0}
2. assign: ƒ assign()
3. fragmentDirective: FragmentDirective {}
4. hash: ""
5. host: "marketingdukaan.com"
6. hostname: "marketingdukaan.com"
7. href: "https://marketingdukaan.com/freewebsite"
8. origin: "https://marketingdukaan.com"
9. pathname: "/freewebsite"
10. port: ""
11. protocol: "https:"
12. reload: ƒ reload()
13. replace: ƒ replace()
14. search: ""
15. toString: ƒ toString()
16. valueOf: ƒ valueOf()
17. Symbol(Symbol.toPrimitive): undefined
18. __proto__: Location