HTML Button Close Window

Question

I have an html button that I want to close the current window when clicked   I thought I could just set the onclick feature like I did below   Am I missing something    lt button type  button  onclick  javascript window close    gt Discard lt  button gt

User · Answer

Use the code below  It works every time    lt button onclick  self close    gt Close lt  button gt    It works every time in Chrome and also works on Firefox

User · Answer

JavaScript can only close a window that was opened using JavaScript  Example below    lt script gt  function myFunction       var str    Sample     var result   str link  https   sample com      document getElementById  demo   innerHTML   result     lt  script gt

User · Answer

This site  http   www computerhope com issues ch000178 htm answers it with the script below   lt  input type  button  value  Close this window  onclick  self close

User · Answer

When in the onclick attribute you do not need to specify that it is Javascript    lt button type  button           onclick  window open       self        window close     gt Discard lt  button gt    This should do it  In order to close it your page needs to be opened by the script  hence the window open  Here is an article explaining this in detail    Click Here  If all else fails  you should also add a message asking the user to manually close the window  as there is no cross-browser solution for this  especially with older browsers such as IE 8

User · Answer

November 2019  onclick  self close    still works in Chrome while Edge gives a warning that must be confirmed before it will close   On the other hand the solution onclick  window open       self        window close     works in both

User · Answer

Closing a window that was opened by the user through JavaScript is considered to be a security risk  thus not all browsers will allow this  which is why all solutions are hacks workarounds   Browsers that are steadily maintained remove these types of hacks  and solutions that work one day may be broken the next    This was addressed here by rvighne in a similar question on the subject

User · Answer

I know this thread has been answered  but another solution that may be useful for some  particularly to those with multiple pages where they want to have this button  is to give the input an id and place the code in a JavaScript file   You can then place the code for the button on multiple pages  taking up less space in your code     For the button        lt input type  button  id  cancel edit  value  Cancel  gt  lt  input gt    in the JavaScript file           cancel edit   click function            window open      parent                window close

[html] HTML Button Close Window

Examples related to html