Javascript regex to get src url between script tag

Question

I wanted to get name of the script from such a string:

var text = '<script src="scripts/044c7c5e.vendor.js"></script><script src="scripts/fa9f85fb.scripts.js"></script>'

I wanted to retrieve the second script name i.e. fa9f85fb.scripts. How can I achieve this using javascript regex?

I'm writing something like this:

text.match(new RegExp(/<script src="scripts\/[(.*?)]\.scripts\.js"><\/script>/), 'g')[0]

But its returning the whole string.

Or better: parse the HTML to DOM and access the src attribute. Browsers are great in parsing HTML. FYI, RegExp expects a string, not a regular expression. — Felix Kling
– Felix Kling, Commented Aug 8, 2014 at 7:42
text.match(new RegExp('<script src="scripts\/([^\.]+\.scripts)\.js"><\/script>', 'i'))[1] — GramThanos
– GramThanos, Commented Aug 8, 2014 at 7:45
Thanks @FelixKling for your reply but I'm using regex in a grunt task, so was not using the HTML parser in browser. — Shashank Agrawal
– Shashank Agrawal, Commented Aug 8, 2014 at 7:52
That's why context information is useful. But even node has HTML parsers. — Felix Kling
– Felix Kling, Commented Aug 8, 2014 at 7:54

hjpotter92 · Accepted Answer · 2014-08-08 07:42:35Z

4

Your pattern grabbing is a bit off; [(.*?)] should instead be (.*?) simply:

/<script src="scripts\/(.*?)\.scripts\.js"><\/script>/g

will be the entire regex, no need to call the RegExp class constructor either. The matched string is stored at index 0. The various segments are then stored from index 1 onwards.

text.match( /<script src="scripts\/(.*?)\.scripts\.js"><\/script>/g )[1]

answered Aug 8, 2014 at 7:42

hjpotter92

81.1k36 gold badges148 silver badges188 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Shashank Agrawal Over a year ago

I got the gist @hjpotter92 about my mistake and got it working from the above comment.

stevemao · Accepted Answer · 2014-08-08 07:44:57Z

1

Try /\w+.scripts(?=.js)/ ?

Reference: https://developer.mozilla.org/en/docs/Web/JavaScript/Guide/Regular_Expressions

Your match pattern is a bit vague. I can simply use /fa9f85fb.scripts/ to match it.

answered Aug 8, 2014 at 7:44

stevemao

1,5331 gold badge16 silver badges32 bronze badges

Collectives™ on Stack Overflow

Javascript regex to get src url between script tag

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related