regex101: JavaScript Match Workspace

1st Alternative(<)(script[^>]*>[^<]*(?:<(?!\/script>)[^<]*)*<\/script>|\/?\b[^<>]+>|!(?:--\s*(?:(?:\[if\s*!IE]>\s*-->)?[^-]*(?:-(?!->)-*[^-]*)*)--|\[CDATA[^\]]*(?:](?!]>)[^\]]*)*]])>)

Group 1(<)

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

Group 2(script[^>]*>[^<]*(?:<(?!\/script>)[^<]*)*<\/script>|\/?\b[^<>]+>|!(?:--\s*(?:(?:\[if\s*!IE]>\s*-->)?[^-]*(?:-(?!->)-*[^-]*)*)--|\[CDATA[^\]]*(?:](?!]>)[^\]]*)*]])>)

1st Alternativescript[^>]*>[^<]*(?:<(?!\/script>)[^<]*)*<\/script>

scriptthe literal text script (case insensitive)

Negated Character Class[^>]*

*matches any number of characters outside the set below:

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

Negated Character Class[^<]*

*matches any number of characters outside the set below:

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

Non-Capturing Group(?:<(?!\/script>)[^<]*)*

*repeats the group contents below any number of times:

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

Negative Lookahead(?!\/script>)

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

script>the literal text script> (case insensitive)

Negated Character Class[^<]*

*matches any number of characters outside the set below:

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

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

script>the literal text script> (case insensitive)

2nd Alternative\/?\b[^<>]+>

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

\ban ASCII word boundary

Negated Character Class[^<>]+

+matches at least one character outside the set below:

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

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

3rd Alternative!(?:--\s*(?:(?:\[if\s*!IE]>\s*-->)?[^-]*(?:-(?!->)-*[^-]*)*)--|\[CDATA[^\]]*(?:](?!]>)[^\]]*)*]])>

!the literal ! (33₁₀ / 41₈ / 21₁₆)

Non-Capturing Group(?:--\s*(?:(?:\[if\s*!IE]>\s*-->)?[^-]*(?:-(?!->)-*[^-]*)*)--|\[CDATA[^\]]*(?:](?!]>)[^\]]*)*]])

1st Alternative--\s*(?:(?:\[if\s*!IE]>\s*-->)?[^-]*(?:-(?!->)-*[^-]*)*)--

--the literal text --

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

Non-Capturing Group(?:(?:\[if\s*!IE]>\s*-->)?[^-]*(?:-(?!->)-*[^-]*)*)

Non-Capturing Group(?:\[if\s*!IE]>\s*-->)?

?repeats the group contents below at most once:

\[the literal [ (91₁₀ / 133₈ / 5B₁₆)

ifthe literal text if (case insensitive)

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

!IE]>the literal text !IE]> (case insensitive)

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

-->the literal text -->

Negated Character Class[^-]*

*matches any number of characters outside the set below:

-the literal - (45₁₀ / 55₈ / 2D₁₆)

Non-Capturing Group(?:-(?!->)-*[^-]*)*

*repeats the group contents below any number of times:

-the literal - (45₁₀ / 55₈ / 2D₁₆)

Negative Lookahead(?!->)

->the literal text ->

-*the literal - (45₁₀ / 55₈ / 2D₁₆) , repeated any number of times

Negated Character Class[^-]*

*matches any number of characters outside the set below:

-the literal - (45₁₀ / 55₈ / 2D₁₆)

--the literal text --

2nd Alternative\[CDATA[^\]]*(?:](?!]>)[^\]]*)*]]

\[the literal [ (91₁₀ / 133₈ / 5B₁₆)

CDATAthe literal text CDATA (case insensitive)

Negated Character Class[^\]]*

*matches any number of characters outside the set below:

\]the literal ] (93₁₀ / 135₈ / 5D₁₆)

Non-Capturing Group(?:](?!]>)[^\]]*)*

*repeats the group contents below any number of times:

]the literal ] (93₁₀ / 135₈ / 5D₁₆)

Negative Lookahead(?!]>)

]>the literal text ]>

Negated Character Class[^\]]*

*matches any number of characters outside the set below:

\]the literal ] (93₁₀ / 135₈ / 5D₁₆)

]]the literal text ]]

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

2nd Alternative(e)

Global pattern flags

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

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

Search reference

Regular Expression

(<)(script[^>]*>[^<]*(?:<(?!\/script>)[^<]*)*<\/script>|\/?\b[^<>]+>|!(?:--\s*(?:(?:\[if\s*!IE]>\s*-->)?[^-]*(?:-(?!->)-*[^-]*)*)--|\[CDATA[^\]]*(?:](?!]>)[^\]]*)*]])>)|(e)

New

<html>

<div>This can match but the part inside script/cdata can not</div>

<div style="display: none;">
    		<script type="text/javascript">
//<![CDATA[
function add_filter() {
    select = $('add_filter_select');
    field = select.value
    Element.show('tr_' +  field);
    check_box = $('cb_' + field);
    check_box.checked = true;
    toggle_filter(field);
    select.selectedIndex = 0;
    
    for (i=0; i<select.options.length; i++) {
        if (select.options[i].value == field) {
            select.options[i].disabled = true;
        }    
    }
}

function toggle_filter(field) {
    check_box = $('cb_' + field);
    
    if (check_box.checked) {
        Element.show("operators_" + field);
        toggle_operator(field);
    } else {
        Element.hide("operators_" + field);
        Element.hide("div_values_" + field);
  }
}

function toggle_operator(field) {
  operator = $("operators_" + field);
  switch (operator.value) {
    case "!*":
    case "*":
    case "t":
    case "w":
    case "o":
    case "c":
      Element.hide("div_values_" + field);
      break;
    default:
      Element.show("div_values_" + field);
      break;
  }
}

function toggle_multi_select(field) {
    select = $('values_' + field);
    if (select.multiple == true) {
        select.multiple = false;
    } else {
        select.multiple = true;
    }
}

function apply_filters_observer() {
  $$("#query_form input[type=text]").invoke("observe", "keypress", function(e){
    if(e.keyCode == Event.KEY_RETURN) {
      new Ajax.Updater('content', '/issues?set_filter=1', {asynchronous:true, evalScripts:true, onComplete:function(request){e.stop(); apply_filters_observer()}, parameters:Form.serialize('query_form') + '&authenticity_token=' + encodeURIComponent('yMZ98jonoXHvM+ePOoJ0weTV+jYqVDD/MbRcEhSMp9g=')})
    }
  });
}
Event.observe(document,"dom:loaded", apply_filters_observer);
//]]>
</script>

<table width="100%">

<title>car</title>

<span>assigned</span>
<span>Assigned > to</span>

<span>assigned > to</span>

<div>ticket assigned to</div>

<div id="assigned" class="assignedClass">Ticket being assigned to</div>

</html>

/*<![CDATA[*/
body { background-image: url("test.png") }     e]]>

<script>function assigned_to()</script>


<html> <span>assigned</span> ==> should be found

<span>Assigned > to</span> ==> should be found

<![CDATA[ <script>function assigned_to()</script> ==> should be ignored ]]>

//<![CDATA[ <script>function assigned_to()</script> ==> should be ignored ]]>

// <span>assigned > to</span> ==> should be found

<div>ticket assigned to</div> ==> should be found

<div id="assigned" class="assignedClass">Ticket being assigned to</div> ==> should be found </html>

Regular Expressions 101

Regular Expression

Substitution