क्या मैं जावास्क्रिप्ट में गलत तरीके से तारों से बच रहा हूं?

Question

मैं जावास्क्रिप्ट

var content = '<a href=\"#\" onclick=\"displayContent(\"TEST\")\">Whatever</a>'; 

$("#placeHolder").html(content); 

में एक क्लिक करने योग्य लिंक बनाने के लिए कोशिश कर रहा हूँ, लेकिन मैं एक त्रुटि

Uncaught SyntaxError: Unexpected token }

बार आ रही है कि दोहरे उद्धरण चिह्नों से बचने और एक लिंक बनाने के लिए नहीं सही तरीका है?

Answer 1

आप केवल एकल उद्धरण

var content = '<a href="#" onclick="displayContent(\'TEST\')">Whatever</a>' 

से बचने के लिए की जरूरत है bozdoz कहते हैं:

You escape single quotes that are within single quotes; you escape double quotes that are within double quotes

---

लेकिन क्यों

var content = $("<a />").attr("href", "#").text("Whatever").click(function(){ 
    displayContent('TEST') 
}); 

नहीं है या नाथन कहते हैं:

var content = $('<a href="#">Whatever</a>').click(
    function() { displayContent('TEST') 
}); 

Answer 2

आपको उनसे बचने की आवश्यकता नहीं है!

var content = '<a href="#" onclick="displayContent(\'TEST\')">Whatever</a>'; 

$("#placeHolder").html(content); 

बस, इस तरह यह है के रूप में आप आमतौर पर " से बचने के लिए की जरूरत नहीं है, एक ' में embeded में जब;

लेकिन किसी फ़ंक्शन में पैरामीटर होने पर आपको ' वर्णों से बचने की आवश्यकता है।

Answer 3

आपको केवल अपने उद्घाटन और समापन उद्धरणों द्वारा उपयोग किए जाने वाले समान प्रकार के उद्धरणों से बचने की आवश्यकता है। आपके उदाहरण में, आप अनावश्यक रूप से डबल कोट्स से बच रहे हैं क्योंकि आपकी स्ट्रिंग एकल उद्धरणों में लपेटी गई है। ऐसा कहा जा रहा है कि onclick कथन में दोहरे उद्धरणों के कारण पार्सर को displayContent() पर कॉल के साथ समस्याएं होंगी।

बजाय इस कोशिश करें,:

var content = '<a href="#" onclick="displayContent(\'TEST\')">Whatever</a>'; 

Answer 4

आप इस जैसे तत्वों बनाने के द्वारा कि गंदगी से बचने कर सकते हैं:

var content = $("<a>", { 
    href: "#", 
    text: "whatever", 
    click: $.proxy(displayContent, 0, "TEST") 
});