This happens because Chrome doesn’t allow frames from your hard disk to access each others’ content. Which, technically we term as Cross-origin request.
Solution of the above problem is:
1. Either you host your webpage on a local web server. See the following link:
What is a faster alternative to Python’s http.server (or SimpleHTTPServer)?
2. Use any other browser like Firefox
Related Posts:
- Error OPTIONS net::ERR_CONNECTION_REFUSED
- Chrome sendrequest error: TypeError: Converting circular structure to JSON
- require is not defined? Node.js
- Cannot open local file – Chrome: Not allowed to load local resource
- How to disable JavaScript in Chrome Developer Tools?
- Cannot open local file – Chrome: Not allowed to load local resource
- Getting Error “Form submission canceled because the form is not connected”
- Getting Error “Form submission canceled because the form is not connected”
- What is the meaning of == $0 that is shown in inspect element of google chrome for the selected element [duplicate]
- Export html table data to Excel using JavaScript / JQuery is not working properly in chrome browser
- What’s the difference between console.dir and console.log?
- How can I quickly retrieve a value from a MapIterator returned from Object.keys function?
- Disable same origin policy in Chrome
- Failed to load resource: net::ERR_CONTENT_LENGTH_MISMATCH
- Uncaught SyntaxError: Unexpected token :
- How to use jQuery in chrome extension?
- Disable Chrome strict MIME type checking
- getElementsByAttribute() is not a function
- Chrome/jQuery Uncaught RangeError: Maximum call stack size exceeded
- Uncaught Reference Error: stLight is not defined (in Chrome only)
- How do I load an HTML page in a div using JavaScript?
- Video auto play is not working in Safari and Chrome desktop browser
- “Uncaught TypeError: a.indexOf is not a function” error when opening new foundation project
- Resource interpreted as Document but transferred with MIME type application/zip
- How to force JavaScript to deep copy a string?
- “Uncaught TypeError: Illegal invocation” in Chrome
- Tinymce.js editor in Chrome?
- Babel 6 regeneratorRuntime is not defined
- What is JSONP, and why was it created?
- React – uncaught TypeError: Cannot read property ‘setState’ of undefined
- Cannot read property ‘push’ of undefined when combining arrays
- Add swipe left/right to web page, but use default swipe up/down
- Check if checkbox is checked with jQuery
- What does “res.render” do, and what does the html file look like?
- How to pause javascript code execution for 2 seconds [duplicate]
- How to implement navbar using react
- function updateMap for Google Maps API
- Uncaught TypeError : cannot read property ‘replace’ of undefined In Grid
- Disable/enable an input with jQuery?
- npm – EPERM: operation not permitted on Windows
- How to refresh a Page using react-route Link
- ChangeDate – Date Picker Bootstrap
- Is there a sleep function in JavaScript?
- scrollIntoView Scrolls just too far
- Using $setValidity inside a Controller
- Combination of async function + await + setTimeout
- How to go from one page to another page using javascript?
- How to update array value javascript?
- Call python function from JS
- How to add onload event to a div element
- Access Control Origin Header error using Axios
- Structs in Javascript
- Refused to execute script, strict MIME type checking is enabled?
- Error: [ng:areq] from angular controller
- Javascript onload not working
- How to parse float with two decimal places in javascript?
- Checking for duplicate strings in JavaScript array
- setInterval with loop time
- JavaScript by reference vs. by value
- What does the .subscribe() function do?
- is there something like isset of php in javascript/jQuery?
- jQuery – Dynamically Create Button and Attach Event Handler
- How to disable auto-start of “Node.js: Server-side JavaScript” when using Adobe Dreamweaver?
- Regular expression to validate US phone numbers?
- How should I initialize jQuery?
- How to reload page every 5 seconds?
- How do I handle newlines in JSON?
- Update style of a component onScroll in React.js
- WordPress Bootstrap Handburger Menu Wont Open
- Detecting WordPress Customizer Panel
- How to disable hoverIntent in WordPress 3.3 admin
- Customizer – instantiating settings and controls via javascript
- How do I enqueue(or delay loading of) tags in individual page posts?
- Animations are not being triggered on Scroll
- Preserve Javascript Through Customizer Preview Navigation
- JavaScript in WordPress Customizer
- How to use div -ids in url to jump to specific post…Is trailing slash the culprit?
- Button insert link on front wp_editor not working
- How Can I Add OnClick Event To A Specific WordPress Menu Link
- Preloader for a WordPress Site
- Trying to integrate Zoho Campaign Form [closed]
- What’s the most efficient way to include this javascript in only a single post?
- How to add customizer control via javascript ( wp.customizer.control.add )
- How to generate the COOKIEHASH from JavaScript
- How to execute Javascript on a WordPress page?
- Gutenberg select excerpt, use generated excerpt or use more block excerpt
- Unable To Call Javascript With Enqueue
- How to integrate a JS fiddle?
- Problem after upgrade to 3.6.1
- Hovercards and other hover over image functions don’t work anymore!
- Load JavaScript on specific page with @wordpress compiler
- How WP does Mortgage affordability calculation
- java console error about touch navigation
- When adding google tag script in website, functionality not working
- Update block once an API request returns with a value
- How to improve WP-Rest atrocious response time?
- How should I identify the inline javascript that is the dependent of a wp_enqueue_script?
- How do I add a class to Customizer preview based on class of Customizer control? (Customizer Javascript API)
- Open image gallery on link click
- WordPress 4.2 mce-views migration guide?