What does href expression do?

An <a> element is invalid HTML unless it has either an href or name attribute.

If you want it to render correctly as a link (ie underlined, hand pointer, etc), then it will only do so if it has a href attribute.

Code like this is therefore sometimes used as a way of making a link, but without having to provide an actual URL in the href attribute. The developer obviously wanted the link itself not to do anything, and this was the easiest way he knew.

He probably has some javascript event code elsewhere which is triggered when the link is clicked, and that will be what he wants to actually happen, but he wants it to look like a normal <a> tag link.

Some developers use href='#' for the same purpose, but this causes the browser to jump to the top of the page, which may not be wanted. And he couldn’t simply leave the href blank, because href='' is a link back to the current page (ie it causes a page refresh).

There are ways around these things. Using an empty bit of Javascript code in the href is one of them, and although it isn’t the best solution, it does work.

Related Posts:

  1. Getting a UnhandledPromiseRejectionWarning when testing using mocha/chai
  2. Creating multiline strings in JavaScript
  3. How to make a word underline in Markdown
  4. JQuery – $ is not defined
  5. Is it possible to sandbox JavaScript running in the browser?
  6. ActiveX – Automation Server Can’t Create Object
  7. How to loop through an array containing objects and access their properties
  8. RegEx Ignore Case
  9. What is the convention in JSON for empty vs. null?
  10. Generating random whole numbers in JavaScript in a specific range?
  11. Remove all child elements of a DOM node in JavaScript
  12. Why Is `Export Default Const` invalid?
  13. Why is process.env.NODE_ENV undefined?
  14. Better way to sum a property value in an array
  15. Javascript require() function giving ReferenceError: require is not defined
  16. jQuery AJAX cross domain
  17. How to extract extension from filename string in Javascript?
  18. keep getting “? Something is already running on port 3000” when I do npm start on react app
  19. TypeError: Cannot read property ‘get’ of undefined on AngularJS
  20. How to remove text from a string?
  21. Convert character to ASCII code in JavaScript
  22. Disable same origin policy in Chrome
  23. How do I remove a key from a JavaScript object?
  24. What is causing the error `string.split is not a function`?
  25. Difference between innerText, innerHTML and value?
  26. Uncaught TypeError: data.push is not a function
  27. Length of a JavaScript object
  28. alert a variable value
  29. How to check a radio button with jQuery?
  30. Get current URL with jQuery?
  31. How to get JSON from URL in JavaScript?
  32. How do you put an image file in a json object?
  33. How can I add a class to a DOM element in JavaScript?
  34. Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Transition which is inside StrictMode
  35. Module not found: Error: Can’t resolve ‘fs’ in
  36. TypeError: $(…).modal is not a function with bootstrap Modal
  37. How to do fade-in and fade-out with JavaScript and CSS
  38. I want to remove double quotes from a String
  39. Calculating median – javascript
  40. Vue is not defined
  41. How to remove all listeners in an element?
  42. How to close current tab in a browser window?
  43. npm WARN enoent ENOENT: no such file or directory, open ‘C:\Users\Nuwanst\package.json’
  44. How to change value of object which is inside an array using JavaScript or jQuery?
  45. How to detect pressing Enter on keyboard using jQuery?
  47. How to make your Discord Bot always active
  48. How to write inside a DIV box with javascript
  49. use Lodash to sort array of object by value
  50. How to make an HTML back link?
  51. How to fix getImageData() error The canvas has been tainted by cross-origin data?
  52. How to make fadeOut effect with pure JavaScript
  53. How to enable a disabled checkbox dynamically?
  54. “Cross origin requests are only supported for HTTP.” error when loading a local file
  55. What is ‘xmlhttp.setRequestHeader();’ and in which situations is it used?
  56. Write / add data in JSON file using Node.js
  57. Set scroll position
  58. .filter is not a function 
  59. Function overloading in Javascript – Best practices 
  60. Wait until flag=true
  61. What does wp-embed.min.js do in WordPress 4.4?
  62. Gutenberg – remove / add blocks with custom script
  63. Gutenberg extend blocks add new class name
  64. How do I add custom attributes to javascript tags in WordPress?
  65. How to wrap the content of the main tinyMCE editor with extra tags
  66. Rest API authentication issue when called from fetch request in bundle.js
  67. Javascript not working?
  68. Add Item to Custom TinyMCE Menu
  69. Listbox return wrong value in WordPress 3.9
  70. Logout user and delete cookies from the client side?
  71. wp_enqueue_script & constants?
  72. Resolving Javascript errors likely related to Gantry framework
  73. WordPress customizer get control
  74. How to load JS for specific screen size using wp_enqueue_script?
  75. I am trying to add current logged in user to my zoho chat
  76. Where to upload JavaScript file in WordPress
  77. Conditional save return on Gutenberg Block
  78. Can I alter the block editor’s paste text behavior?
  79. Custom Block – save.js function not saving attributes
  80. Headless wp with react. How to handle routes?
  81. Where to paste Google Map Snippet / JavaScript / CSS for WordPress integration
  82. Issues trying to get an element by id
  83. How do I know if I should enqueue JS code or just include it in ONE PHP function?
  84. How can I integrate yepnope.js with WordPress (and plugins)?
  85. How to set javascript options for select2 in PHP array of plugin
  86. Multiple jQuery inputs or binds in Customizer Control Javascripts
  87. Change background video when scrolling reaches a certain ID
  88. Immediate (e.g. without DOMContentLoaded) JS not working
  89. Dynamically changing logo on scroll function [closed]
  90. Script not working in post content
  91. Remove WordPress default registration client side validation?
  92. How could I add load more posts to my theme? [closed]
  93. Live Time on WP showing weirdly [closed]
  94. Javascript button to call custom fields data
  95. Javascript 2 elements dependent onclick .toggle [closed]
  96. Table block variation with header section activated
  97. How To Include JS Script with WP 2023 Theme
  98. Update js file on wordpress page after making changes
  99. How do i get an Inline style in Gutenberg Block show up in front end?
  100. javscript that updates div in a single wordpress page

Leave a Comment