Как использовать переданный параметр в функции JavaScript?

Question

Простите полностью новичок вопрос здесь - I знаю это действительно базовый материал, но для жизни меня я не могу понять. Javascript для меня относительно новичок, и это первый раз, когда я должен был делать эту конкретную вещь.

Итак, я пытаюсь использовать Modal для открытия iframe - сама страница будет иметь ссылки на несколько модалов, все из которых должны передаваться по другому значению. Вместо жесткого кода каждого из них я пытаюсь настроить его таким образом, чтобы можно было использовать одну функцию, и ссылки могут передавать значения по мере необходимости.

Код, который я в настоящее время успешно открыл, модальный, но внутри него есть ошибка 404. Кроме того, модальный заголовок показывает + заголовок + - поэтому я предполагаю, что я неверно ссылаюсь (возможно, в функции?).

У меня есть то, что у меня есть, указатели в правильном направлении будут оценены!

function openIframe(title,url){ 
    $.modal({ 
     title: '+title+', 
     url: '+url+', 
     useIframe: true, 
     width: 600, 
     height: 400 
    }); 
} 

.. и ссылка:

<a href="#" onclick="openIframe('Process Voucher','a_processvoucher.cfm')">Add</a> 

Answer 1

Чтобы использовать переменные, не цитируйте их; title был буквально установлен на строку +title+ (и то же самое для url).

function openIframe(title, url) { 
    $.modal({ 
     title: title, 
     url: url, 
     useIframe: true, 
     width: 600, 
     height: 400 
    }); 
}​ 

Кажется, вы смущались по синтаксису конкатенации, чтобы присоединиться к строкам и переменным; например, увидеть следующее:

var name = "Matt"; 
var welcome = "Hi " + name + ", how are you doing today?"; 
alert(welcome); 

... предупредит Строка Hi Matt, how are you doing today?

Answer 2

Вы хотите ссылаться на переменные, называемые title и url, а не строк со значениями «титульных» и «URL»

function openIframe(title,url) { 
    $.modal({ 
     title: title, // no quotes 
     url: url, // no quotes 
     useIframe: true, 
     width: 600, 
     height: 400 
    }); 
}