встроенный триггер javascript не работает

Question

html = '<a href="#" onclick="alert("This link is clickable only in the mobile!")">text</a>' 

Я добавляю свой html, но когда я нажимаю на него, говорит «Неожиданный токен», невозможно ли выполнить встроенный триггер?

Answer 1

Вы должны избежать " символов в значениях свойств ... Используйте " special entity:

html = '<a href="#" onclick="alert(&quot;This link is clickable only in the mobile!&quot;)">text</a>' 

Есть лучшие варианты для достижения этой цели, вместо того, чтобы писать сырой HTML в JavaScript.

jQuery:

var aElement = jQuery("<a>").attr("href", "#").click(function() { 
    alert("This link is clickable only in the mobile!"); 
}); 
// You can append it like: 
aElement.appendTo(document.body); 

Pure Javascript:

var aElement = document.createElement("a"); 
aElement.setAttribute("href", "#"); 
// If you want the onclick attribute to show up in HTML source: 
aElement.setAttribute("onclick", "alert(\"This link is clickable only in the mobile!\")"); 
// This way is easier: 
aElement.onclick = function() { 
    alert("This link is clickable only in the mobile!"); 
} 
// Append like: 
document.body.appendChild(aElement); 

Answer 2

Это не представляется возможным точно так потому, что вы смешиваете двойные кавычки.

Используйте сбежавшего одинарную кавычку внутри строки:

html='<a href="#" onclick="alert(\'This link is clickable only in the mobile!\')">text</a>' 

Answer 3

html = '<a href="javascript:alert(&quot;This link is clickable only in the mobile!&quot;)">text</a>' 

Вы можете directcly прикрепить метод яваскрипта в анкера href также вам нужно закодировать (побег) кавычки.