Ссылка от Javascript code

Question

Во-первых, я новичок в кодировке и рад работать с CSS и HTML, но Javascript - это мое падение! Я купил и загрузил систему опроса пользователей/обратной связи под названием «Код посетителя», и я отлично работаю с ней.

Однако для ссылки на опрос предлагается ввести код в HTML. Это создает ленту HTML на странице, когда вы нажимаете на нее, открывается окно qlightwindow с содержимым. См. Сценарий ниже.

<!-- VisitorVoice --> 
      <script type="text/javascript"> 
      var _vvb = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'www.aplusinsurance.co.uk/surveyadmin'; 
      var formId = 'costco-travel-feedback'; 

      function loadVV() { 
       var vvjs = document.createElement('script'); vvjs.type = 'text/javascript'; 
       vvjs.src = _vvb + '/code/'+ formId +'.js'; 
       var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(vvjs, s); 
      }; 

      if (window.addEventListener) window.addEventListener('load', loadVV, false); 
      else if (window.attachEvent) window.attachEvent('onload', loadVV); 
      </script> 
      <!-- VisitorVoice --> 

Мой вопрос и где мне нужна помощь, как создать просто простую ссылку для создания, которая создает/обеспечивает те же действия?

Answer 1

Вы можете просто отложить вызов функции - в настоящее время он связан с вашим load случае, просто удалите эти строки и вызвать вашу функцию либо по ссылке, onclick или использовать JavaScript для добавления слушателя событий:

<a href="javascript:loadVV()">Go to Survey</a> 
<a href="#" onclick="loadVV(); return false;">Go to Survey</a> 

Вот addEventListener (мой предпочтительный метод):

<a href="#" id="vv-link">Go to Survey</a> 


document.querySelector('#vv-link').addEventListener('click', function(event){ 
    event.preventDefault() // prevent following the link in the a tag 
    loadVV(); // execute the loadVV function 
}, false); 

Вот пример реализации (вы должны увидеть его в консоли, протоколирование adding VV):

var _vvb = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'www.aplusinsurance.co.uk/surveyadmin'; 
 
var formId = 'costco-travel-feedback'; 
 

 
function loadVV() { 
 
    console.log('adding VV') 
 
    var vvjs = document.createElement('script'); vvjs.type = 'text/javascript'; 
 
    vvjs.src = _vvb + '/code/'+ formId +'.js'; 
 
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(vvjs, s); 
 
}; 
 

 
//if (window.addEventListener) window.addEventListener('load', loadVV, false); 
 
//else if (window.attachEvent) window.attachEvent('onload', loadVV);

<a href="javascript:loadVV()">A</a>