javascript - 如何将JavaScript var注入(inject)CSS

我想预定义显示在我的webview( Electron )中的网站的位置。我想动态添加左值。我有这样的事情:

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进行了硬编码，则可以使用，例如:
leftPos

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

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

最佳答案

字符串串联:

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

如果leftPos中只有一个数字(-300，它将是-300像素)，则可以使用。

如果leftPos是其中包含px的字符串，那么您还需要在其中输入':

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

关于javascript - 如何将JavaScript var注入(inject)CSS，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/41086973/