如何将javascript var注入css

【问题标题】：How to inject javascript var into css如何将javascript var注入css
【发布时间】：2017-04-26 11:59:30
【问题描述】：

我想预定义在我的 webview（电子）中显示的网站的位置。我想动态添加左值。我有这样的事情：

var leftPos = -300px; // it is set dynamically

var webview = document.querySelector('webview');

webview.executeJavaScript("$('body').css('left', leftPos )"); //it cannot get the value of leftPos

但如果 leftPos 是硬编码的，这将起作用，例如：左位置

webview.executeJavaScript("$('body').css('left', '-300px' )"); //works

问题应该是括号，但我尝试了所有方法，但似乎无法在该函数中传递 leftPos 值

【问题讨论】：

标签： javascript jquery css electron

【解决方案1】：

字符串连接：

webview.executeJavaScript("$('body').css('left', " + leftPos + " )");
// ----------------------------------------------^^^^^^^^^^^^^^^

如果leftPos 中只有一个数字（-300，即 -300 像素），这将起作用。

如果leftPos 是一个字符串，其中包含px，那么您还需要'：

webview.executeJavaScript("$('body').css('left', '" + leftPos + "' )");
// ----------------------------------------------^---------------^

【讨论】：