Javascript - click a link that begins with something

Question

I have a link like this:

<a href="mypage.php?x=123456"></a>

I need a javascript code to click this link on page load, but since the code generated after "?" is random , i need the script clicking the url starting with "mypage.php" .

How do i achieve this? Thank you in advance

You have omitted your code? Please ensure your using the right markdown — Theunis, Nov 06 '15 at 12:25
it's for testing purpose, i could do it in php but i want to know the javascript way — Tony33, Nov 06 '15 at 12:28
No idea why your question is being downvoted. Basically you'll have to gather all href's and parse the strings to find out which ones begin with mypage.php, then trigger a click on those. This is really basic string manipulation. — Brad Evans, Nov 06 '15 at 12:29
@BradEvans can you post a code? i know nothing about javascript — Tony33, Nov 06 '15 at 12:30
@KunalKhivensara considering i have multiple links on the same page, will this work? — Tony33, Nov 06 '15 at 12:31
@Tony33 How your are deciding which link to click on there can be multiple links like eg: `` — Kunal Khivensara, Nov 06 '15 at 12:33
@KunalKhivensara consider i have multiple links on the same page, but only one is mypage.php , of course. So i need the script click and open mypage.php — Tony33, Nov 06 '15 at 12:42

Filipe Merker · Accepted Answer · 2015-11-06T12:55:33.293

1

You have the "starts with" selector ^=

$( "a[href^='mypage.php']" ).on( "click", function(){
    //do smething
} );

edit

Oh, i got your point. This is what you need.

$( "a[href^='mypage.php']" ).trigger( "click" );

edit2

i've figured out that you may have no jQuery in page. So, here is a fiddle with the propper solution: https://jsfiddle.net/shhzncw1/1/

And here is your script:

(function(){
    var el = document.querySelector('a[href^="mypage.php"]');
    var evt;
    if (document.createEvent) {
        evt = document.createEvent("MouseEvents");
        evt.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
    }
    (evt) ? el.dispatchEvent(evt) : (el.click && el.click());
})();

edit 3

But if your intent is just to go to the page, you could just do a redirect. Think about it. (:

(function(){
    var el = document.querySelector('a[href^="mypage.php"]');
    var href = el.href;
    window.location.href = href;
})();

edited Nov 06 '15 at 12:55

answered Nov 06 '15 at 12:31

Filipe Merker

2,428
1
25
41

1

This. But: `$("a[href^='mypage.php']").trigger("click");` – Brad Evans Nov 06 '15 at 12:32
yes, thanks, after i posted, i figured out his need. (: – Filipe Merker Nov 06 '15 at 12:33
@FilipeMerker i tried this but the page mypage.php doesn't open – Tony33 Nov 06 '15 at 12:38
@FilipeMerker ehm..no? i've put it in tags – Tony33 Nov 06 '15 at 12:46

score 0 · Answer 2 · edited May 23 '17 at 12:03

0

Jquery:

$(document).ready(function(){
        window.location = $('#myanchor').attr('href');
    });

HTML

<a href="mypage.php?123456" id="myanchor"></a>

Check this post --> jQuery: how to trigger anchor link's click event

edited May 23 '17 at 12:03

Community

1
1

answered Nov 06 '15 at 12:32

Theunis

238
1
15

and considering i don't have id property? but href only – Tony33 Nov 06 '15 at 12:43

score 0 · Answer 3 · edited Nov 06 '15 at 17:40

0

You can try these :-

$(document).ready(function(){
        window.location = $("a[href^='mypage.php']").attr('href');
});

edited Nov 06 '15 at 17:40

Nisse Engström

4,738
23
27
42

answered Nov 06 '15 at 13:02

Harsh Sanghani

1,666
1
14
32

Javascript - click a link that begins with something

3 Answers3

edit

edit2

edit 3