如何在JavaScript中修复嵌套的等式标记?

如何在JavaScript中修复嵌套的等式标记?,javascript,Javascript,我的JavaScript是这样的: var contentItem = '<a onclick="ga('send', 'event', 'find-a-doctor', 'appointment', 'Appointment from Home');" class="waves-effect waves-dark">Make an Appointment</a>'; var contentItem='预约'; 上面的引号似乎是错误的。如何解决此问题?您可以使用`(反

我的JavaScript是这样的:

var contentItem = '<a onclick="ga('send', 'event', 'find-a-doctor', 'appointment', 'Appointment from Home');" class="waves-effect waves-dark">Make an Appointment</a>';
var contentItem='预约';

上面的引号似乎是错误的。如何解决此问题?

您可以使用
`
(反引号或反勾号),例如:

var contentItem=`预约';

您可以使用
`
(反引号或反勾号),例如:

var contentItem=`预约';

内联JS将导致各种问题。相反,您可以采用现代方法并使用事件侦听器:

//创建项目并将其添加到页面
var contentItem='预约';
document.body.insertAdjacentHTML('beforeend',contentItem);
//缓存添加的元素并向其添加事件侦听器
//单击时调用handleClick的
const wavesEffect=document.querySelector(“.waves效果”);
wavesEffect.addEventListener('click',handleClick,false);
//现在你打给‘ga’的电话干净多了
函数handleClick(e){
console.log('send','event','find-a-doctor','appointment','appointfrom Home');
//ga(‘发送’、‘事件’、‘查找医生’、‘预约’、‘在家预约’);

}
内联JS将导致各种问题。相反,您可以采用现代方法并使用事件侦听器:

//创建项目并将其添加到页面
var contentItem='预约';
document.body.insertAdjacentHTML('beforeend',contentItem);
//缓存添加的元素并向其添加事件侦听器
//单击时调用handleClick的
const wavesEffect=document.querySelector(“.waves效果”);
wavesEffect.addEventListener('click',handleClick,false);
//现在你打给‘ga’的电话干净多了
函数handleClick(e){
console.log('send','event','find-a-doctor','appointment','appointfrom Home');
//ga(‘发送’、‘事件’、‘查找医生’、‘预约’、‘在家预约’);

}
您可以尝试以下代码

var contentItem='预约';

您可以尝试以下代码

var contentItem='预约';

通过使用Javascript而不是HTML属性将事件侦听器附加到嵌套引用,这不是一个好问题,但是请参见:@freedomn-m存在错误
未捕获引用错误:ga不是通过使用Javascript而不是HTML属性将事件侦听器附加到嵌套引用来定义的
这不是一个好问题,但请参见:@freedomn-m存在错误
未捕获引用错误:ga未定义
存在错误:
未捕获引用错误:ga未定义
存在错误:
未捕获引用错误:ga未定义
未捕获引用错误:ga未定义这意味着您已定义
ga
超出范围,这是另一个问题。代码本身现在正在工作。未捕获引用错误:未定义ga这意味着您定义的
ga
超出了范围,这是一个单独的问题。代码本身正在运行。
var contentItem = `<a onclick="ga('send', 'event', 'find-a-doctor', 'appointment', 'Appointment from Home');" class="waves-effect waves-dark">Make an Appointment</a>`;