javascript regex to get url from string containing script tag

Question

I am trying to figure out how to write a regex that would provide the url from a string like this:

'<script type="text/javascript" src="http://chrismills.la/test.js"></script>';

This works, but I need to find a cleaner way to do this:

var url = '';
_content.replace(/src ?= ?"([^"]+)"/gi, function(res) {
    url = res;
    url = url.replace('src=','');
    url = url.replace(/['"]+/g, '')
    url = url.replace(/["']+/g, '')
});
script.src = url;

In action: http://jsfiddle.net/zb3jh180/

SOLUTION, based on answer below:

var regex = /<script.*?src="(.*?)"/gmi;
var url = regex.exec(_content);
script.src = url[1];

Do you have access to the DOM object? Reading the `src` attribute directly would be easier if you do. — dee-see, Sep 02 '14 at 20:53
You [shouldn't use regexp for that](http://stackoverflow.com/a/1732454/36866)... No... `/https?:\/\/[^"]*/` — some, Sep 02 '14 at 21:12
No access to the DOM in this case, the scripts are added dynamically with js — user1572796, Sep 02 '14 at 21:33
What? What is added to the page? If you want to get the src for every script on the current page you can use something like `for(var i=0, len=document.scripts.length; i < len; ++i) {console.log(document.scripts[i].src)}` — some, Sep 03 '14 at 06:40
scripts are added as strings from js or an external js file as clearly shown in the code/jsfiddle. It has been answered already. — user1572796, Sep 03 '14 at 17:31

score 10 · Accepted Answer · answered Sep 02 '14 at 20:54

10

You can use this regex:

<script.*?src="(.*?)"

Working demo

Or also something like:

<script.*?"(http.*?)"

Working demo

answered Sep 02 '14 at 20:54

Federico Piazza

30,085
15
87
123

This one here is more stable and does not return false positives like : ```/ – Andreas May 07 '18 at 13:30
@Andreas How could this be altered to allow for single quotes as well. – christian Mar 11 '20 at 20:07

tcmurphy · Answer 2 · 2014-09-02T22:03:27.820

1

Updated the fiddle, let me know if this was what you are going for. Basically just creating a capture group:

            var srcRegEx = /src="(.*?)"/g;
            var source = srcRegEx.exec(_content);
            script.src = source[1];

http://jsfiddle.net/zb3jh180/1/

edited Sep 02 '14 at 22:03

answered Sep 02 '14 at 20:59

tcmurphy

239
2
13

Try it on a string like this: `Oh, "SNAP"!` and you see how it fails... it's too greedy. – some Sep 02 '14 at 21:17

score 0 · Answer 3 · answered Sep 06 '22 at 02:23

0

If you want to match a string of script tags containing "http://chrismills.la" in the src attribute, you can use this Regex:

<script.*?src="(http:\/\/chrismills\.la.*?)"*<\/script>

answered Sep 06 '22 at 02:23

David Ricardo

1

javascript regex to get url from string containing script tag

3 Answers3

Linked