如何將Jade字符串插值傳遞給JS腳本文件？

我有我的玉文件中像這樣：如何將Jade字符串插值傳遞給JS腳本文件？

script(text='text/javascript', src='/javascript/user_options.js') 
    var firstName = #{firstnameDisplay};

我user_options.js：

var displayName = firstName;

我仍然得到 '的firstName' 變量爲未定義。 Jade文件中的字符串插值＃{firstnameDisplay}被正確定義。任何想法或解決方案？有沒有辦法在Jade中聲明JS變量並在JS腳本文件中使用它？

其他資源在線推薦JSON，但我寧願只使用Jade字符串插值。

來源

2017-07-14 Ivan Manan

裝入VAR後的腳本中定義。 – Alan

不要做...產生的js代碼這樣有一堆缺點。例如，可以將該值放在隱藏字段中，或者作爲某個元素中的數據屬性，然後在您的js文件中您可以請求該值。

第一個選項

input(type="hidden", value=#{firstnameDisplay}, id="firstNameDisplay")

第二個選項

div(id="firstNameDisplay", data-firstNameDisplay=#{firstnameDisplay})

，那麼你可以檢索與jQuery或香草JS該值。

var displayName = document.getElementById('firstNameDisplay').value

或

var displayName = document.getElementById('firstNameDisplay').dataset.firstNameDisplay;

來源

2017-07-14 20:54:00

你能讓我知道它有什麼樣的缺點嗎？ – smupyknight

沒有緩存，捆綁或縮小的可能性。您應該非常小心您的js邏輯，以避免安全風險，因爲您通常會根據用戶輸入生成js代碼。對於深入研究，您可以看到[動態JavaScript的意外危險]（https://www.usenix.org/system/files/conference/usenixsecurity15/sec15-paper-lekies.pdf）。我知道你的樣品很簡單，你可以安全地走，但重要的是要知道更好的替代品 –

這是非常好的案例和參考。給予好評！ – smupyknight

你需要嘗試這樣的事情

script. 
    var firstName = #{firstnameDisplay}; 

script(text='text/javascript', src='/javascript/user_options.js')

來源

2017-07-14 20:16:39 smupyknight

如何將Jade字符串插值傳遞給JS腳本文件？

回答

相關問題