regex101: Isolate javascript elements within [html] text

1st Alternative(<script\b[^><]*>)(.*?)(<\/script>)

Group 1(<script\b[^><]*>)

<scriptthe literal text <script (case insensitive)

\ban ASCII word boundary

Negated Character Class[^><]*

*matches any number of characters outside the set below:

>the literal > (62₁₀ / 76₈ / 3E₁₆)

<the literal < (60₁₀ / 74₈ / 3C₁₆)

>the literal > (62₁₀ / 76₈ / 3E₁₆)

Group 2(.*?)

.*?any character, repeated any number of times

Group 3(<\/script>)

<the literal < (60₁₀ / 74₈ / 3C₁₆)

\/the literal / (47₁₀ / 57₈ / 2F₁₆)

script>the literal text script> (case insensitive)

2nd Alternative\bon\w+\s*=\s*\K(?|(\")([^\"]+)\"|(')([^']+)')

\ban ASCII word boundary

onthe literal text on (case insensitive)

\w+any word character, repeated at least once

\s*any whitespace character, repeated any number of times

=the literal = (61₁₀ / 75₈ / 3D₁₆)

\s*any whitespace character, repeated any number of times

\Kresets the starting point of the reported match. Any previously consumed characters are no longer included in the final match

Branch Reset Group(?|(\")([^\"]+)\"|(')([^']+)')

1st Alternative(\")([^\"]+)\"

Group 4(\")

\"the literal " (34₁₀ / 42₈ / 22₁₆)

Group 5([^\"]+)

Negated Character Class[^\"]+

+matches at least one character outside the set below:

\"the literal " (34₁₀ / 42₈ / 22₁₆)

2nd Alternative(')([^']+)'

Group 4(')

'the literal ' (39₁₀ / 47₈ / 27₁₆)

Group 5([^']+)

Negated Character Class[^']+

+matches at least one character outside the set below:

'the literal ' (39₁₀ / 47₈ / 27₁₆)

Global pattern flags

i modifier: insensitive. Matches without distinguishing uppercase and lowercase letters

s modifier: single line. Allows a dot to match line terminators

g modifier: global. Finds all matches instead of stopping after the first

Search reference

Regular Expression

(<script\b[^><]*>)(.*?)(<\/script>)|\bon\w+\s*=\s*\K(?|(\")([^\"]+)\"|(')([^']+)')

New

<div id='content' onClick='abc()'>Lorem On='abc' ipsum on to</div>
<input id='a' type='range'>
<input id='b' type='range'>
<script>abc();</script>



Jan23: The following is an addition set of tests including escaping quotes and .replace(/'/  situations that can cause problems.


    <div id='content'
         onClick='yyy("ere\'xyz\'").value=\'ewew\'; yyy("jhrhej")'
    >Lorem On='abc' ipsum on to</div>


    <input id='a' type='range'
           onPress="xxx(document.getElementById(\"abc\"))"
            onSomething="yyy(\'fehrje\')"
            onSomethingElse="document.getElementById('content').innerHTML.replace(/"/g, \"dq\")">
    <input id='b' type='range'>

    <script>
        function abc() {console.log('abc()');};
        function xxx(elem) {console.log('xxx:'+elem.className);};
        function yyy(str) {console.log('yyy:'+str);};

        yyy("ere\'xyz\'");
        yyy("jhrhej");

        var aaa=document.getElementById('content').innerHTML;
        var bbb=document.getElementById('content').innerHTML;
        abc();
        aaa.replace(/'/g, "single-quotes");
        bbb.replace(/'/g, 'single-quotes');
        aaa.replace(/"/g, "quotes");
        bbb.replace(/"/g, 'quotes');
    </script>

</body>
</html>