JavaScript函数无法在HTML页面上正确触发

问题描述 投票:0回答:1

单击链接后,我想做两件事;触发传递项目ID的Pixel事件,并附加一个href网址,然后转到该链接。 Pixel事件和url都需要传递一个参数。

我从入站URL附加到此页面的最后一个查询字符串参数,然后尝试将其转换为itemId变量。

我不太确定我在做什么错。

JavaScript

  <script type='text/javascript'>

document.addEventListener('DOMContentLoaded', pEvents);
function pEvents() {
  function fnView() {

    var queryString = window.location.search;
    var utm_content;

    if (queryString !== null) {

      utm_content = queryString.match(/utm_content=([^&]+)/)[1];
      console.log(utm_content);
      var itemId = utm_content.toString();
      console.log(itemId)

      //Pixel tracking with parameter included
      snaptr('track', 'VIEW_CONTENT', {
        'item_ids': itemId
      });

    } else {

      //Pixel tracking without the parameter just in case
      snaptr('track', 'VIEW_CONTENT');

    }

    [].slice.call(document.getElementById('link')).find(e => {
      if (e.innerText == "Let's go!") {
        e.addEventListener('mouseenter', fnView);
        e.href = "https://www.sitedomain1.com/m-pr.cfm?m=91020&u=2346350&p=" & itemId;
      }
    })

  };
};

HTML

<a id="link" href="#">Let's go!</a>
javascript html url query-string
1个回答
0
投票
<a id="link" onclick="pEvents()">Let's go!</a>

用html调用

© www.soinside.com 2019 - 2024. All rights reserved.