Blocked Iframe Due To Mismatch Protocols

I am trying to send a value from parent window to my frame on button click event but it shows error on the console Uncaught SecurityError: Blocked a frame with origin 'http://lo

Solution 1:

If your parent page is served through file this is the problem. You cannot mix a file page with an http nested frame. You should load the iframe from file as well.

Solution 2:

It seems that you accessing your "main"-html via the file-protocol (just double-clicked the html?).

Please try to access via http://localhost:53838/ as well, or loading your iframe via file-protocol.