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
– dee-see, Commented Sep 2, 2014 at 20:53
You shouldn't use regexp for that... No... /https?:\/\/[^"]*/ — some
– some, Commented Sep 2, 2014 at 21:12
No access to the DOM in this case, the scripts are added dynamically with js — user1572796
– user1572796, Commented Sep 2, 2014 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
– some, Commented Sep 3, 2014 at 6: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
– user1572796, Commented Sep 3, 2014 at 17:31

Federico Piazza · Accepted Answer · 2014-09-02 20:54:27Z

10

You can use this regex:

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

Working demo

Or also something like:

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

Working demo

answered Sep 2, 2014 at 20:54

Federico Piazza

31.2k15 gold badges91 silver badges133 bronze badges

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

2 Comments

Andreas Over a year ago

This one here is more stable and does not return false positives like <script></script><img src="not-wanted.jpg"/>: /<script[a-z1-9"'\/ =]*?src="(.*?)"/gmi

christian Over a year ago

@Andreas How could this be altered to allow for single quotes as well.

tcmurphy · Accepted Answer · 2014-09-02 22:03:27Z

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 2, 2014 at 22:03

answered Sep 2, 2014 at 20:59

tcmurphy

2392 silver badges13 bronze badges

1 Comment

some Over a year ago

Try it on a string like this: <tag src="link1" alt="text">Oh, "SNAP"!</tag> and you see how it fails... it's too greedy.

David Ricardo · Accepted Answer · 2022-09-06 02:23:24Z

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 6, 2022 at 2:23

David Ricardo

1

Collectives™ on Stack Overflow

javascript regex to get url from string containing script tag

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related