How to get current url in html and javascript-CodePudding

I created a product-based service website. I need my customer to get quotes from the website to my WhatsApp.

Example:

<button> 
    <a href=" https://api.whatsapp.com/send? phone=whatsappnumber&text=The current URL of the website... I need a quote for this product" >
    Send a quote on WhatsApp
</button>

How to get the current URL of the website? Please assist me.

CodePudding user response：

The window.location object can be used to get the current page address (URL) and to redirect the browser to a new page.

window.location.href returns the href (URL) of the current page

console.log(window.location.href)

window.location.hostname returns the domain name of the web host

console.log(window.location.hostname)

window.location.pathname returns the path and filename of the current page

console.log(window.location.pathname)

window.location.protocol returns the web protocol used (http: or https:)

console.log(window.location.protocol)

window.location.assign() loads a new document

function newDoc() {
  window.location.assign("https://stackoverflow.com")
}

<input type="button" value="Learn More" onclick="newDoc()">

CodePudding user response：

To get the current URL of the website, you can use the window.location.href property in JavaScript. You can then add this value to the text parameter in the WhatsApp link as follows:

<button>
  <a href="https://api.whatsapp.com/send?phone=whatsappnumber&text='I need a quote for this product'   window.location.href">
    Send a quote on WhatsApp
  </a>
</button>

This will send a message to your WhatsApp number with the text "I need a quote for this product" followed by the current URL of the website.

CodePudding user response：

This would work without an anchor tag.

<button onclick="window.open('https://api.whatsapp.com/send?phone=whatsappnumber&text='   window.location.href, '_blank');">Send a quote on whatsapp</button>