如何使用Javascript動態地嵌入Java小程序？

Question

我希望能夠使用Javascript功能動態地將Java小應用程序插入到網頁中，該功能在按下按鈕時被調用。 （在加載頁面時加載小程序會減慢速度，凍結瀏覽器等等）我正在使用以下代碼，它可以在FF中無縫工作，但在IE8，Safari 4和Chrome中沒有錯誤消息時會失敗。有沒有人有任何想法，爲什麼這不能按預期工作，以及如何動態插入一個適用於所有瀏覽器的小程序？我嘗試使用其他地方建議的document.write()，但是在頁面加載結果之後調用頁面被擦除，所以這不適合我。

function createPlayer(parentElem) 
{ 
    // The abc variable is declared and set here 

    player = document.createElement('object'); 
    player.setAttribute("classid", "java:TunePlayer.class"); 
    player.setAttribute("archive", "TunePlayer.class,PlayerListener.class,abc4j.jar"); 
    player.setAttribute("codeType", "application/x-java-applet"); 
    player.id = "tuneplayer"; 
    player.setAttribute("width", 1); 
    player.setAttribute("height", 1); 

    param = document.createElement('param'); 
    param.name = "abc"; 
    param.value = abc; 
    player.appendChild(param); 

    param = document.createElement('param'); 
    param.name = "mayscript"; 
    param.value = true; 
    player.appendChild(param); 

    parentElem.appendChild(player); 
} 

Answer 1

我會建議做一些事情，比如你在做什麼;所以我很困惑，爲什麼它不工作。

Here's a document看起來很有權威性，來自馬的嘴巴，因爲它是。它提到了不同瀏覽器的特質。你可能最終需要爲不同的實現做不同的標籤湯。

但是，如果動態插入，applet/object標記可能會讓它們不能被處理，這或許有些神奇之處。沒有更多的合格建議，我有一個瘋狂的解決方法爲您提供：如何在不同的頁面上呈現小程序，並動態創建IFRAME以顯示您的小程序應占用的空間中的頁面？ IFRAME在跨瀏覽器的語法上更加一致，如果它們以相同的方式失敗，我會感到驚訝。

也許你應該使用瀏覽器的調試工具來查看你的小應用程序節點交換後的DOM。也許它不是出現在你認爲它的地方，或者不是你認爲你正在創造的結構。你的代碼對我來說看起來不錯，但我對動態小程序不熟悉。

Answer 2

document.write() 

將覆蓋整個文檔。如果你想保留文檔，只想添加一個applet，你需要追加它。

var app = document.createElement('applet'); 
app.id= 'Java'; 
app.archive= 'Java.jar'; 
app.code= 'Java.class'; 
app.width = '400'; 
app.height = '10'; 
document.getElementsByTagName('body')[0].appendChild(app); 

此代碼將添加小程序作爲正文標記的最後一個元素。確保在DOM處理完成後運行它，否則會出現錯誤。 Body OnLoad，或推薦使用jQuery。

Answer 3

有一個JavaScript庫，用於此目的： http://www.java.com/js/deployJava.js

// launch the Java 2D applet on JRE version 1.6.0 
// or higher with one parameter (fontSize) 
<script src= 
    "http://www.java.com/js/deployJava.js"></script> 
<script> 
    var attributes = {code:'java2d.Java2DemoApplet.class', 
     archive:'http://java.sun.com/products/plugin/1.5.0/demos/plugin/jfc/Java2D/Java2Demo.jar', 
     width:710, height:540} ; 
    var parameters = {fontSize:16} ; 
    var version = '1.6' ; 
    deployJava.runApplet(attributes, parameters, version); 
</script> 

Answer 4

我做了類似於海灘小屋建議的東西。我修改了deployJava.js這樣的：

writeAppletTag: function(attributes, parameters) { 
    ... 

    // don't write directly to document anymore 
    //document.write(startApplet + '\n' + params + '\n' + endApplet); 

    var appletString = startApplet + '\n' + params + '\n' + endApplet; 
    var divApplet = document.createElement('div'); 

    divApplet.id = "divApplet"; 
    divApplet.innerHTML = appletString; 
    divApplet.style = "visibility: hidden; display: none;"; 

    document.body.appendChild(divApplet); 
} 

它的工作確定在Chrome，Firefox和IE瀏覽器。目前沒有問題。

我試着先在我的html文件上創建一個div，並將其innerHTML設置爲appletString，但只有IE能夠動態地檢測到新的小程序。將整個div直接插入body適用於所有瀏覽器。

Answer 5

創建一個新的applet元素並使用appendChild將其追加到現有元素。

var applet = document.createElement('applet'); 
applet.id = 'player'; 

...

var param = document.createElement('param'); 

...

applet.appendChild(param); 
document.getElementById('existingElement').appendChild(applet); 

此外，還要確保現有的元素是可見的，這意味着你沒有設置css來隱藏它，否則，使用後的appendChild瀏覽器將不會加載的小程序。我花了太多時間試圖弄清楚。

Answer 6

這爲我工作：

// my js code 
    var app = document.createElement('applet'); 
    app.code= 'MyApplet2.class'; 
    app.width = '400'; 
    app.height = '10'; 

    var p1 = document.createElement('param'); 
    p1.name = 'sm_UnwindType'; 
    p1.value='200'; 
    var p2 = document.createElement('param'); 
    p2.name = 'sm_Intraday'; 
    p2.value='300'; 

    app.appendChild(p1); 
    app.appendChild(p2); 

    var appDiv = document.getElementById('applet_div'); 
    appDiv.appendChild(app); 

----- HTML代碼：

<div id="applet_div"></div>