Executing JavaScript from the address bar causes the browser to exit the page?

后端 未结 4 1303
借酒劲吻你
借酒劲吻你 2021-02-14 02:17

I\'m testing a webpage, and I want to execute some JavaScript code from the address bar to change some content (e.g. changing the content of a div) I loaded the webpage and type

相关标签:
4条回答
  • 2021-02-14 02:28

    Add a void(0); to the end and it will fix it.

    0 讨论(0)
  • One more solution:

    javascript: (function(){ /* Your Javascript code goes here */ })();
    
    0 讨论(0)
  • 2021-02-14 02:35

    When you copy and paste the javascript: label into some browsers URL bars it automatically removes it. This is a security measure following certain attacks which have occurred in the past whereby people were asked to copy exploitative JavaScript into their URL bars in order for attackers to steal data.

    If you want to execute JavaScript like this, you may find that you need to manually type out the javascript: part, otherwise your browser will assume that you're wanting to instead search for document.getElementById(...)....

    Example

    Copy the following into your address bar:

    javascript:alert('hi');
    

    For me, in Chrome on Windows, the javascript: part is removed and instead it assumes I want to search for alert('hi'):

    Example

    A better solution

    Depending on what you're trying to achieve, you'd probably be better off executing JavaScript through your browser's JavaScript console. If you're unsure how to do that, check this out: How to open the JavaScript console in different browsers?

    0 讨论(0)
  • 2021-02-14 02:40

    Alternative solution: If you don't particularly need it to be the JavaScript that changes the content, if you just need the content of the div changed, then you can use the developer tools in your browser to do that.

    In Firefox: Developer Tools > Inspector > right click the HTML and choose "Edit as HTML".

    In Chrome: Tools > More Tools > Developer Tools > Elements > right click the HTML and choose "Edit as HTML".

    In IE: Developer Tools > HTML > Edit Icon (looks like a piece of paper with a pencil)

    0 讨论(0)
提交回复
热议问题