how to add javascript in javaFx

i have tried by giving external java script source in javaFx css but it doesn't work

drashti pandya wrote:i have tried

What You have tried yet?

#16{
-fx-background-image: url("exit6.png");
}
<script src="JavaScript1.js" type="Text/JavaScript">
</script>

In JavaScript1.js
alert("Hello");

drashti pandya wrote:#16{
-fx-background-image: url("exit6.png");
}
<script src="JavaScript1.js" type="Text/JavaScript">
</script>

In JavaScript1.js
alert("Hello");

The Code is Vague , i do not know What you are trying to do...

You might need to look at WebEngine

A Simple Example Could be look like this:

import javafx.application.Application; import javafx.application.Platform; import javafx.beans.value.ObservableValue; import javafx.concurrent.Worker; import javafx.concurrent.Worker.State; import javafx.scene.Group; import javafx.scene.Scene; import javafx.scene.web.*; import javafx.stage.Stage; import javax.script.ScriptEngine; import javax.script.ScriptEngineManager; import javax.script.ScriptException; import netscape.javascript.JSObject; public class WebLauncher extends Application { public class Bridge { public void test() { ScriptEngineManager manager = new ScriptEngineManager(); ScriptEngine engine = manager.getEngineByName("javascript"); try { engine.eval("var x = 10;"); engine.eval("var y = 20;"); engine.eval("var z = x + y;"); engine.eval("print (z);"); } catch (ScriptException ex) { ex.printStackTrace(); } } public void exit() { Platform.exit(); } } Scene createScene() { final WebView webView = new WebView(); final WebEngine webEngine = webView.getEngine(); webEngine.getLoadWorker().stateProperty().addListener( (ObservableValue<? extends State> p, State oldState, State newState) -> { if (newState == Worker.State.SUCCEEDED) { JSObject win = (JSObject) webEngine.executeScript("window"); win.setMember("Obj", new Bridge()); JSObject win2 = (JSObject) webEngine.executeScript("window"); win2.setMember("app", new Bridge()); } }); webEngine.loadContent( "<div onclick='Obj.test();' width='100' height='50'>" + "Click to Test" + "</div><br /><div onClick='app.exit();' width='100' height='50'>" + "Click to Exit" + "</div>" ); Scene scene = new Scene(new Group(webView)); return scene; } @Override public void start(Stage stage) { stage.setScene(createScene()); stage.sizeToScene(); stage.show(); } public static void main(String[] args) { Application.launch(args); } }

If i want to add js in controller part then?

drashti pandya wrote:If i want to add js in controller part then?

You are Still not Clear....

look at
Communicating between JavaScript and JavaFX with WebEngine,
Adding HTML Content to JavaFX Applications....

and if your mean to load Some Externals.js into your Code than yes , You can...
For Example you can load JQuery into the WebView ...
import javafx.application.Application; import javafx.scene.Scene; import javafx.scene.layout.StackPane; import javafx.scene.web.*; import javafx.stage.Stage; public class JQERYUILauncher extends Application { Scene createScene() { final WebView webView = new WebView(); webView.getEngine().loadContent(getInlineHtml(Theme.excitebike, "minDate: '-0d', maxDate: '+0m +2w'", null, null)); Scene scene = new Scene(new StackPane(webView), 400, 350); return scene; } @Override public void start(Stage stage) { stage.setScene(createScene()); stage.sizeToScene(); stage.show(); } //JQueryUI Themes enum Theme { base("base"), blacktie("black-tie"), blitzer("blitzer"), cupertino("cupertino"), dotluv("dot-luv"), excitebike("excite-bike"), hotsneaks("hot-sneaks"), humanity("humanity"), mintchoc("mint-choc"), redmond("redmond"), smoothness("smoothness"), southstreet("south-street"), start("start"), swankypurse("swanky-purse"), trontastic("trontastic"), uidarkness("ui-darkness"), uilightness("ui-lightness"), vader("vader"); final private String themeName; Theme(String themeName) { this.themeName = themeName; } @Override public String toString() { return themeName; } } //Basic Design private String getInlineHtml(Theme theme, String initJavaScript, String customCSS, String googleCdnApiKey) { return "<!DOCTYPE html>" + "<html lang=\"en\">" + "<head>" + "<meta charset=\"utf-8\">" + "<title>jQuery UI Datepicker - Display inline</title>" + (googleCdnApiKey != null ? ("<script type=\"text/javascript\" src=\"https://www.google.com/jsapi?key=" + googleCdnApiKey + "\"></script>") : "") + "<link rel=\"stylesheet\" href=\"http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/" + theme + "/jquery-ui.css\">" + "<link rel=\"stylesheet\" type=\"text/css\" href=\"http://yui.yahooapis.com/3.4.1/build/cssreset/cssreset-min.css\">" + "<script src=\"https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></script>" + "<script src=\"http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js\"></script>" + "<style type=\"text/css\">#ui-datepicker-div {display: none;} " + (customCSS != null ? customCSS : "") + "</style>" + "<script>" + "$(function() {" + "$(\"#datepicker\").datepicker({" + "onSelect: function(dateText, inst) { alert(dateText); }" + (initJavaScript != null ? ("," + initJavaScript) : "") + "});" + "});" + "</script>" + "</head>" + "<body><span id=\"datepicker\"></span></body>" + "</html>"; } public static void main(String[] args) { Application.launch(args); } }

but my application is desktop app

My advice is:
1. Write better questions that are more than one line and really explain what you are trying to do.
2. Don't mix Java and JavaScript code.
3. Don't use JavaScript to program JavaFX.

---

You put JavaScript code in a CSS file - that will never work, a CSS file is for the CSS language, not JavaScript.

---

You wrote an alert in your JavaScript Sample. Normally an alert triggers a browser to show an alert dialog, it won't do that for JavaScript using JavaFX as there is no browser context to show the alert. I don't know what the alert would do if you tried to use it for a JavaFX program (likely nothing or print to a console). Basically, if you do use JavaScript and JavaFX, then don't use alert.

---

If you really want to program your JavaFX application in JavaScript, you can use Nashorn:
https://docs.oracle.com/javase/8/docs/technotes/guides/scripting/nashorn/javafx.html
Again, I don't recommend that.

---

If you want to include JavaFX in your FXML files, you can do that using the fx:script element:

https://docs.oracle.com/javase/8/javafx/api/javafx/fxml/doc-files/introduction_to_fxml.html#scripting
http://stackoverflow.com/questions/19545727/how-to-load-fxml-dynamically-from-webserver (sample code in answer)

Again, I don't really recommend that.