click on an image link when a web page is opened using javascript

Question

I'm new in Javascript and this is my code

<!DOCTYPE html>
<html>
<body>
<a href="http://www.example.com" id="test" onclick="example(this); return false"><img src="http://www.example.com/1/img" border="0" /></a> 

 <script>
 function () {
 document.getElementById('test').click();
 };
 function();
 </script>

 </body>
 </html>

I was trying to open that link when the web page is loaded but I make some errors. Any help?

Open console and check errors. After that remove meaningless `function() {}` and `function()`. Leave only `document.getElementById('test').click();`. Or if you *really* want immediate anonymous function (although you don't need it in your case), use `(function() { document.getElementById('test').click(); })()`. — dfsq, Apr 27 '15 at 17:53
@dfsq Thanks buddy really helpfull. Can you please answer me here so that I can check this thread as solved? — Alessio Trecani, Apr 27 '15 at 17:55

score 1 · Accepted Answer · answered Apr 27 '15 at 17:59

The way you define and invoke function is not correct. This is invalid syntax construction as function declaration (statement staring with function keyword) requires a name to be valid javascript code.

So you either give function a name an invoke it:

function somename() {
    document.getElementById('test').click();
};
somename();

.. or use IIFE (immediately-invoked function expression):

(function() {
    document.getElementById('test').click();
})();

However, in your case you don't really need as you don't use it for what it's really useful, i.e. creating new scope. Simple line

document.getElementById('test').click();

would be just enough.

score 0 · Answer 2 · answered Apr 27 '15 at 17:59

You don't need the example function... remove onclick="example(this)...". Since you are clicking via javascript, the normal function of the click is to go to the link specified in the href attribute anyway.

If you just want to open a new link on page load, you can also remove all the body and just use the following:

<body>
    <script>
        window.location.assign = "http://example.com";
    </script>
</body>

score 0 · Answer 3 · edited May 23 '17 at 12:24

Do it like this:

<!DOCTYPE html>
<html>
<body>
<a href="http://www.example.com" id="test" onclick="yourfunction()">asdf</a> 

 <script>
   
 document.getElementById('test').onclick();
   
   function yourfunction(){
     alert("clicked");
   }

 </script>

 </body>
 </html>

What we do here is assigning the function "yourfunction()" to "onclick" of your anchor (the element). Due to the fact that your code is automatically executed when you reload the page (note that we've just posted a line of code into the script tag) you can trigger the onclick event just by using ".onclick()".

However, you're executing "yourfunction()" every time you reload the page and as you click your anchor.

The function itself is pretty boring. It just makes an alert (small window with a message and ok button) which says "clicked".

click on an image link when a web page is opened using javascript

3 Answers3