Как вызвать функцию JavaScript из тега href в HTML? - PullRequest
Новая
       0

Как вызвать функцию JavaScript из тега href в HTML?

12 голосов
/ 16 ноября 2011

Как вызвать функцию JavaScript из тега href в html?Я создал несколько вкладок.Я хочу, чтобы когда пользователь нажимал на любую вкладку, вызывался href вместе с функцией JavaScript.Как я могу это сделать? 

<?php if($order == 1){ ?>
<li class="cat-one"><a href= "javascript:loadProducts($categoryId)" > <?php echo $categoryName ?> </a></li>
<?php } ?>

Это мой Javascript 

<script type="javascript" >
function loadProducts($categoryId)
{
    alert("Hello World!");
    return false;
}

</script>

Ответы [ 5 ]

22 голосов
/ 16 ноября 2011

В теге href, не указывая ссылку, укажите имя функции javascript.

Например 

<a href='javascript:myFunction()'> Click Me! <a/>
6 голосов
/ 16 ноября 2011

Не используйте href, используйте атрибут onclick для этого 

<a href="http://www.example.com" onclick="return confirm('are you sure?')">test</a>

см. этот пример

РЕДАКТИРОВАТЬ (так как код добавлен в вопросе): это должно вызвать вашу функцию JS: 

<?php if($order == 1){ ?>
  <li class="cat-one">
    <a href="javascript:void(0)" onclick="loadProducts(<?php echo $categoryId ?>)"> 
      <?php echo $categoryName ?> 
    </a>
  </li>
<?php } ?>
0 голосов
/ 22 мая 2014

Если у вас есть библиотека jquery, вы можете позвонить с классом: 

$( ".loadProducts" ).click(function( event ) {
      // Default action of the event will not be triggered.
      event.preventDefault();
      // Get category ID
      var categoryId = $(this).attr('data-categoryid');
      // TODO
      alert("Hello World!");
      return false;
});

Для: 

<li class="cat-one"><a href="#" class="loadProducts" data-categoryid="<?php echo $categoryId;?>" > <?php echo $categoryName ?> </a></li>
0 голосов
/ 02 апреля 2013

Это должно решить вашу цель: 

<a href="javascript:void(0);" onclick="yourFunction();">Link to Click</a>
0 голосов
/ 16 ноября 2011

Попробуйте это 

  <html>
    <body>
    <script type= "text/javascript">
    function loadProducts(catid){
        alert(""Hello World!"+catid);
        return false;
    }
    </script>


    <?php if($order == 1){ ?>
    <li class="cat-one">
        <a href="javascript:void(0)" onclick="loadProducts(<?php echo $categoryId ?>)"><?php echo $categoryName ?> </a>
    </li> 

    </body>
    </html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...