What is the difference between document.location.href and document.location?

document.location is a synonym for window.location that has been deprecated for almost as long as JavaScript has existed. Don’t use it.

location is a structured object, with properties corresponding to the parts of the URL. location.href is the whole URL in a single string. Assigning a string to either is defined to cause the same kind of navigation, so take your pick.

I consider writing to location.href = something to be marginally better as it’s slightly more explicit about what it’s doing. You generally want to avoid just location = something as it looks misleadingly like a variable assignment. window.location = something is fine though.

Related Posts:

  1. How do I check whether a checkbox is checked in jQuery?
  2. Babel 7 – ReferenceError: regeneratorRuntime is not defined
  3. How do I completely uninstall Node.js, and reinstall from beginning (Mac OS X)
  4. How can I check for “undefined” in JavaScript?
  5. How to make history.back() without getting a warning on the browser to reload the page?
  6. Split string into array
  7. convert Hsl to rgb and hex
  8. TypeError: Router.use() requires middleware function but got a Object
  9. What does jQuery.fn mean?
  10. “Uncaught TypeError: Cannot read property ‘style’ of null at.. “
  11. Difference between document.referrer and window.parent.location.href
  12. JavaScript replace/regex
  13. how to render a react component using ReactDOM Render
  14. Cannot find module ‘@angular-devkit/core’
  15. iFrame onload JavaScript event
  16. What is the difference between state and props in React?
  17. Regex for password must contain at least eight characters, at least one number and both lower and uppercase letters and special characters
  18. OnChange event using React JS for drop down
  19. how to get the last character of a string?
  20. Set timeout for ajax (jQuery)
  21. Escaping Discord subset of markdown
  22. ESLint Parsing error: Unexpected token
  23. Angular ForEach in Angular4/Typescript?
  24. How to remove text from a string?
  25. Convert character to ASCII code in JavaScript
  26. Disable same origin policy in Chrome
  27. How do I remove a key from a JavaScript object?
  28. What is causing the error `string.split is not a function`?
  29. Difference between innerText, innerHTML and value?
  30. Uncaught TypeError: data.push is not a function
  31. Length of a JavaScript object
  32. alert a variable value
  33. How to check a radio button with jQuery?
  34. Get current URL with jQuery?
  35. How to get JSON from URL in JavaScript?
  36. How do you put an image file in a json object?
  37. How can I add a class to a DOM element in JavaScript?
  38. Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Transition which is inside StrictMode
  39. Module not found: Error: Can’t resolve ‘fs’ in
  40. TypeError: $(…).modal is not a function with bootstrap Modal
  41. How to do fade-in and fade-out with JavaScript and CSS
  42. I want to remove double quotes from a String
  43. Calculating median – javascript
  44. Vue is not defined
  45. How to close current tab in a browser window?
  46. npm WARN enoent ENOENT: no such file or directory, open ‘C:\Users\Nuwanst\package.json’
  47. How to change value of object which is inside an array using JavaScript or jQuery?
  48. How to detect pressing Enter on keyboard using jQuery?
  50. How to make your Discord Bot always active
  51. How to write inside a DIV box with javascript
  52. use Lodash to sort array of object by value
  53. How to make an HTML back link?
  54. How to fix getImageData() error The canvas has been tainted by cross-origin data?
  55. How to make fadeOut effect with pure JavaScript
  56. “Cross origin requests are only supported for HTTP.” error when loading a local file
  57. What is ‘xmlhttp.setRequestHeader();’ and in which situations is it used?
  58. Write / add data in JSON file using Node.js
  59. Set scroll position
  60. .filter is not a function 
  61. Function overloading in Javascript – Best practices 
  62. Wait until flag=true
  63. What does wp-embed.min.js do in WordPress 4.4?
  64. Gutenberg – remove / add blocks with custom script
  65. Gutenberg extend blocks add new class name
  66. How do I add custom attributes to javascript tags in WordPress?
  67. Rest API authentication issue when called from fetch request in bundle.js
  68. Javascript not working?
  69. Add Item to Custom TinyMCE Menu
  70. Listbox return wrong value in WordPress 3.9
  71. Logout user and delete cookies from the client side?
  72. wp_enqueue_script & constants?
  73. Resolving Javascript errors likely related to Gantry framework
  74. WordPress customizer get control
  75. How to load JS for specific screen size using wp_enqueue_script?
  76. I am trying to add current logged in user to my zoho chat
  77. Where to upload JavaScript file in WordPress
  78. Conditional save return on Gutenberg Block
  79. Can I alter the block editor’s paste text behavior?
  80. Custom Block – save.js function not saving attributes
  81. Headless wp with react. How to handle routes?
  82. Where to paste Google Map Snippet / JavaScript / CSS for WordPress integration
  83. Issues trying to get an element by id
  84. How do I know if I should enqueue JS code or just include it in ONE PHP function?
  85. How can I integrate yepnope.js with WordPress (and plugins)?
  86. How to set javascript options for select2 in PHP array of plugin
  87. Multiple jQuery inputs or binds in Customizer Control Javascripts
  88. Change background video when scrolling reaches a certain ID
  89. Immediate (e.g. without DOMContentLoaded) JS not working
  90. Dynamically changing logo on scroll function [closed]
  91. Script not working in post content
  92. Remove WordPress default registration client side validation?
  93. How could I add load more posts to my theme? [closed]
  94. Live Time on WP showing weirdly [closed]
  95. Javascript button to call custom fields data
  96. Javascript 2 elements dependent onclick .toggle [closed]
  97. Table block variation with header section activated
  98. How to load JavaScript modules with script_loader_tag hook?
  99. How to securely set dynamic HTML content with JavaScript?
  100. Astra Mobile Cart Drawer is blank on home page

Leave a Comment