如何在Button上单击JavaFX WebView调用JavaScript函数？ [英] How to call a JavaScript function from a JavaFX WebView on Button click?
问题描述
我试图从JavaFX调用JavaScript函数 JavaFX按钮单击事件上的> WebView 。
I am trying to call a JavaScript function from a JavaFX WebView on a JavaFX button click event.
我使用以下代码，但它不起作用：
I am using the following code, but it is not working:
try {
File file = new File("F:\\inputfile\\hello.htm");
WebEngine webengine = webview.getEngine();
webengine.load(file.toURI().toURL().toString());
} catch(Exception ex) {
ex.printStackTrace();
}
点击任何按钮我想执行测试（） html文件中的JavaScript方法：
On any button click I want to execute the test() JavaScript method in the html file:
webengine.executeScript("test()");
html文件中的JavaScript方法是：
And the JavaScript method in html file is:
<script language="javascript">
function test()
{
window.scrollBy(0, 20);
}
</script>
推荐答案
我使用了你的代码如下，它的工作原理
I used your code as following and it works
package org.im.oor;
import java.io.File;
import javafx.application.Application;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.HBox;
import javafx.scene.layout.StackPane;
import javafx.scene.web.WebEngine;
import javafx.scene.web.WebView;
import javafx.stage.Stage;
/**
*
* @author maher
*/
public class main extends Application {
@Override
public void start(Stage primaryStage) {
Button btn = new Button();
btn.setText("fire JS");
btn.setOnAction(new EventHandler<ActionEvent>() {
@Override
public void handle(ActionEvent event) {
if (webengine != null)
{
webengine.executeScript("test()");
}
}
});
publishServices();
StackPane root = new StackPane();
// root.getChildren().add(btn);
HBox hh = new HBox();
hh.getChildren().add(btn);
hh.getChildren().add(webview);
root.getChildren().add(hh);
Scene scene = new Scene(root, 300, 250);
primaryStage.setTitle("Hello World!");
primaryStage.setScene(scene);
primaryStage.show();
}
private WebEngine webengine;
private static WebView webview;
private void publishServices() {
try {
webview = new WebView();
webview.setVisible(true);
webengine = webview.getEngine();
webengine.setJavaScriptEnabled(true);
File file = new File("c:\\hello.html");
System.out.println(file.exists() + " file exitence");
webengine.load(file.toURI().toURL().toString());
} catch (Exception ex) {
System.err.print("error " + ex.getMessage());
ex.printStackTrace();
}
}
/**
* The main() method is ignored in correctly deployed JavaFX application.
* main() serves only as fallback in case the application can not be
* launched through deployment artifacts, e.g., in IDEs with limited FX
* support. NetBeans ignores main().
*
* @param args the command line arguments
*/
public static void main(String[] args) {
launch(args);
}
}
c：\ hello.html的内容
content of c:\hello.html
<html>
<header>
<script language="javascript">
function test()
{
//window.scrollBy(0,20);
document.body.style.backgroundColor="#00f3f3";
alert('test');
}
</script>
</header>
<body>test
<a href='#' onclick="test();">fire for test</a>
</body>
</html>
检查此代码并告诉我..
只是一些点：
check this code and let me know .. just some points on that :
-
检查您是否真的可以访问该文件..
check if you can really access that file ..
让你的程序变得简单，如果它的工作JS< ==> JavaFX，那么你可以进一步使用更高级的JS函数
make you program simple to test if its working JS<==>JavaFX, then you can go further and use more advanced JS functions
这篇关于如何在Button上单击JavaFX WebView调用JavaScript函数？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
