Using Javascript to alter every url on page

Question

I am not sure if there is a name for what I want to do, but I would like to use javascript to alter every url on a webpage on my website. So if someone posts a url such as:

visit http://www.blah.com

when viewing this page, I want javascript to change it to:

visit http://www.mysite.com/count.php?out=http://www.blah.com

I know about the two urls in one I will handle that part, I just used this as an example of placing the same text in front of every url in the page. Kinda like how thewaybackmachine does it. Thanks.

The url you gave is an PHP GET url. Why do you want to use javascript for this? — Aistis
– Aistis, Commented Apr 6, 2014 at 6:01
Darn sorry you are right, I just found out that php works. I am searching for a PHP way to do this now. — user2556976
– user2556976, Commented Apr 6, 2014 at 6:04
If you have something like page.php?id=test, you can access the sent information with $_GET['id'] inside your PHP code — Aistis
– Aistis, Commented Apr 6, 2014 at 6:08

Dean Rather · Accepted Answer · 2014-04-07 00:30:56Z

3

Using jQuery:

$("a").attr('href', "http://test.com?blah=" + $(this).attr('href'));

This code searches for all a tags on the page, and replaces the contents of the href attribute with http://test.com?blah= followed by the original contents of the href attribute.

To try it out, You can copy it, hit 'f12', paste it into the console, hit enter, and see it's effects on this page right here! (also breaking all your links...)

edited Apr 7, 2014 at 0:30

answered Apr 6, 2014 at 6:02

Dean Rather

32.5k15 gold badges69 silver badges72 bronze badges

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

5 Comments

Amit Joki Over a year ago

OP didn't tag it jquery

Dean Rather Over a year ago

I'd recommend that if you're not proficient in JavaScript, you get jQuery and use it and learn it.

royhowie Over a year ago

@DeanRather Could not agree with you more. And, wow, I literally just typed the same thing. Oh well.

dfsq Over a year ago

@DeanRather I would recommend forget about jQuery before you learn how to do that without it.

Jashwant Over a year ago

Dean, you are right for copy - pasters. @dfsq, your statement is valid for developers.

C B · Accepted Answer · 2014-04-07 01:26:08Z

0

Here's a way, without the need for JQuery. (loading and parsing a pretty big library in order to just do one simple thing may be a bit much..)

[].slice.call(document.querySelectorAll('a')).map(function(a){ a.href = 'http://somesite.com/count.php?' + a.href })

answered Apr 7, 2014 at 1:26

C B

13.4k5 gold badges39 silver badges48 bronze badges

Collectives™ on Stack Overflow

Using Javascript to alter every url on page

2 Answers 2

5 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related