Кнопка с HTML и JavaScript

#javascript #hyperlink

#javascript #гиперссылка

Вопрос:

Я хочу, чтобы javascript связывал данные с URL, но это не работает.

Я попробовал следующий код:

     <script language="javascript">
    <span class="buttonAction"><a href="checkout_shipping.php?info=document.writeln(document.location);">
     <img src="images/checkout.png" width="93">
     </a></script>
  

кто-нибудь может мне помочь с этим? большое спасибо

Комментарии:

1. Можете ли вы объяснить, что вы пытаетесь сделать немного лучше. Пример кода крайне неправильный, и трудно понять, что вы пытаетесь сделать.

2. Я бы предложил начать с базового руководства по JavaScript .

Ответ №1:

Вы не можете поместить html в тег скрипта. Несколько советов: поместите HTML-код над сценарием, присвоите тегу a идентификатор и используйте javascript для установки атрибута href из части сценария.

 <span class="buttonAction">
  <a id="thelink" href="">
    <img src="images/checkout.png" width="93">
  </a>
</span>
<script language="javascript">
// insert javascript code to set the href attribute here (read a javascript tutorial)
</script>
  

смотрите: http://www.w3schools.com/js/default.asp, http://www.w3schools.com/jsref/met_doc_getelementbyid.asp

(это решение наиболее близко к вашему исходному коду, позже вы можете предпочесть переместить свой javascript в другое место и / или начать использовать javascript framework)

Комментарии:

1. Лучшим источником информации является руководство по MDN JavaScript: developer.mozilla.org/en/JavaScript/Guide

Ответ №2:

Вы не можете поместить html в тег javascript. Если вы хотите распечатать ссылку, вы можете сделать это следующим образом:

 <script language="javascript">
    document.write('<span class="buttonAction"><a href="checkout_shipping.php?info=' encodeURIComponent(document.location) '"><img src="images/checkout.png" width="93" alt=""/></a><span>');
</script>
  

Комментарии:

1. Зачем это document.write нужно здесь? Почему бы просто не удалить script тег?

2. Для добавления encodeURIComponent(document.location) к ссылке. Вы должны прокрутить, чтобы увидеть это.