If you want to send the url of the website, or other server side calculated values, to JavaScript you can use wp_localize_script (Codex Page). This function creates an object, with the values you’ve passed.
As the documentation states, you’ve got to include your script with wp_enqueue_script, else it doesn’t call localize_script. Also make sure to call wp_head() before your closing head tags, to make it work.
Related Posts:
- What are the benefits of using wp_enqueue_script?
- wp_register_script multiple identifiers?
- How do I enqueue(or delay loading of) tags in individual page posts?
- wp_enqueue_script adds only the first script
- Why is JavaScript being added to header as application/oembed?
- Javascript asset not enqueuing with the rest
- JavaScript Libraries in WordPress
- Dequeue set-post-thumbnail.min.js
- wp_add_inline_script without dependency
- How to use wordpress default Password Strength Meter script
- Register and enqueue conditional (browser-specific) javascript files?
- wp_enqueue_script() not working at all
- How to dequeue a script?
- Any advantage of using wp_scripts and is_IE when enqueuing scripts
- How to use wp_localize_script in custom page template?
- How to use Head JS with all enqueued scripts?
- wp_enqueue_script : how to change loading order of scripts?
- Remove extra Google Maps script
- Is it possible to enqueue the Youtube API script or does it have to be inline?
- Correct place to register and enqueue scripts
- Combine enqueue js without affecting dependencies
- How to get a jQuery script to run on a page?
- Load multiple Javascript scripts
- Editing Source Code in WordPress
- WP script versioning breaks cross-site caching?
- wp_localize_script with boolean and init
- require.js to load javascript
- wp_enqueue_script isn’t connecting my custom js file
- TinyMCE in a div / textarea on frontend?
- How to add extra attributes to the script tag added via wp_localize_script()
- Javascript not included
- Include Javascript as Plain (No file inclusion)
- Move all the JS files to the bottom|footer, the right way
- Disable unneeded scripts in a wordpress installation
- How to add JavaScript file using wp_enqueue_scripts?
- How to properly add Bootstrap and JQuery Javascripts?
- Is it mandatory to enqueue any kind of Javsacript?
- Can the index.asset.php file be used with the enqueue_block_editor_assets action?
- My scripts-bundle.js file is getting sent to the browser as a stylesheet css file. Help!
- wp_enqueue_scripts is not working in my plugin
- How to place script in footer?
- Why won’t my scripts load?
- Enqueue script if screen is greater than 500
- Script Localization doesn’t work
- Enqueue Javascript After ALL Other Scripts (Including Async Scripts)
- Enqueue js script to footer
- Enqueueing a script and a style sheet not working
- Adding a Javascript slideshow to the home page
- Is there a way to check for an attribute of a script when using script_loader_tag?
- Enqueue scripts all over but not in single.php
- Media library not working with wp_editor() on the front end
- Override do_item() Function to Add Extra Attribute to Scripts
- Proper way to enqueue a generated script that isn’t in a .js file?
- Enqueue scripts based on browser width?
- Correctly enqueue scripts of type=text/paperscript (PaperJs Library)
- How to execute Javascript on a WordPress page?
- Javascript on Registration Page
- On click load iframe [closed]
- Do I just put the html in a page when enqueueng or do I also have to reference js file from the html page [closed]
- Add script to page at certain location in wordpress
- WordPress wp_enqueue_script only adds text to top of page source
- Getting a variable inside foreach from PHP to JS after localization
- Including Styles and JS files to work ON my plugin interface
- Linking wp_enqueue can’t find the javascript file (adds “?ver=x.x.x” to the src)
- Failing to load my script files in wordpress! i can’t figure out what i’m doing wrong
- Removing admin javascript
- wp_enqueue_script() not working
- Bootstrap bundle present in page source but not working
- wp_enqueue_script JS code runs too late (after user begins interacting)
- Get localize of a loaded javascript
- JS / jQuery in Elementor pages vs JS file
- Script widget works only in admin view but not in Public
- Load JavaScript on specific page with @wordpress compiler
- Add Paypal button redirect to a specific page after completing
- How to load Javascript code or functions.php later in a child theme?
- Enqueued script fails
- Script Loaded in WordPress but won’t run
- Error on clicking ‘Screen Options’ tab only at Products-related editor screen(s) and for specific user
- How to pass data to javascript in custom widget class
- Setting wp_enqueue_script correctly
- Why can I not deregister my style and script on custom post type?
- Escaping quotes while enqueuing scripts
- How to register or enqueue script and stop it being called in head?
- How to correctly load this jquery script through the file functions.php?
- adding script tag in head of specific pages
- How to delay display of page elements until enqueued script has injected html
- wp_enqueue_scripts doesn’t work for template pages
- JavaScript and Google PageSpeed + wp_enqueue_script
- Javascript file doesn’t load
- Put dynamic Javascript in header after doing operations
- jQuery + more won’t load in header
- WOW.js Script Tag Initialization Header/Footer
- convertEntities() used before it is defined
- JavaScript file successfully registered but does not render correctly
- wp_enqueue has a resource but doesn’t generate a script tag [duplicate]
- Orbit Slider and Events Manager Plug-in JavaScript
- Change color of a specific word generated by script [closed]
- How to load JavaScript modules with script_loader_tag hook?
- How to securely set dynamic HTML content with JavaScript?
- CCF7 Field numbuer prefilled after Click event