如何将 javascript var 注入 css

Question

我想预定义网站在我的 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 是硬编码的，这将有效，例如：左位置

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

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

Answer 1

字符串连接：

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

如果 leftPos 中只有一个数字（-300，这将是 -300 像素），那将有效。

如果 leftPos 是一个包含 px 的 字符串，您还需要 '：

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

如何将 javascript var 注入 css

How to inject javascript var into css

javascript

css

jquery

electron