可下載的內容在Javascript中

<div class="center"data-role="content" id="content" > 
     <a href="#flappy" data-transition="slide" >Don't Be A Terrorist</a> 
     </div> 



    <div id="flappy" > 
    <center> 
    <div id="page"> 
      <div data-role="header"> 
      <h1 style="color: white; font-size: 20px;">Don't Be A Terrorist</h1> 
      <a data-icon="home" data-rel="back" style="margin-top:2px; background-color: white;">....</a> 
     </div> 

     <div id="frame" onload="check2()"> 
     <script> 
     function check2(){ 
     $.get(/flappy.html) 
    .done(function() { 
    alert("you have it"); 
       <p style="color: white; margin-top: 30px;">Dont't be a terrorist is a game where you must manoeuvre a plane through buildings. Be careful not to hit one or be labelled a terrorist. <br> Controls:<br>Hold the screen down, to go up <br> Let go, to go down <br> Don't hit buildings or die</p> 
     <a href="flappy.html" data-transition="pop" rel="external"><img src="images/play.png" width="320px" height="320px"></img></a> 

    }).fail(function() { 
    alert("Download it now!"); 
    }) 
    } 
    </script> 
    enter code here 
     </div> 
     </div> 
     </center> 
    </div>

這是我的遊戲網站的代碼，如果文件存在，它應該是一個選項來玩遊戲，但如果它沒有一個按鈕，他們可以選擇下載它。這是我收集的代碼！如果可能的話，我寧願不使用ajax！非常感謝！可下載的內容在Javascript中

謝謝！ :)

來源

2014-06-10 user3724321

你的問題是什麼？你在問如何製作下載按鈕？ –

該腳本沒有檢查文件是否存在，其次是如何添加下載按鈕:)謝謝@ user2403741 – user3724321

不應將/flappy.html設置爲「/flappy.html」？ – jeff

onload事件只能用於文檔（主體）本身，框架，圖像和腳本。

如果文件存在，它應該是一個玩遊戲的選項，但如果它沒有一個按鈕，他們可以選擇下載它。

您可以檢查文件是否存在使用jQuery.ajax成功&錯誤方法：

$(document).ready(function(){ 
    $.ajax({ 
     url:'path/to/game.html', 
     type:'HEAD', 
     success: function() { 
      alert('Game exists, add some code.') 
     }, 
     error: function() { 
      alert('Download Game !') 
     } 
    }) 
})

您也可以使用普通的JavaScript來檢查文件是否存在

function gameExists(url) { 
    var http = new XMLHttpRequest(); 
    http.open('HEAD', url, false); 
    http.send(); 
    return http.status!=404; 
} 

if(gameExists('path/to/game.html')) { 
    alert('Game exists, add some code.'); 
} else { 
    alert('Download Game !'); 
}

如果您不想使用ajax，你可以使用PHP，然後在代碼中插入一個javascript變量。

<script type="text/javascript"> 
    var gameExists = <?php echo file_exists($fileName) ? true : false;?> 
</script>

如果您需要任何HTML追加到可以使用jQuery的追加（）

$('#frame').append('<a href="#/download">Download</a>');

來源

2014-06-10 02:06:06 hutchbat

不太清楚你的意思是什麼框架容器：

如果文件存在它應該是一個選項來玩遊戲，但如果它沒有一個按鈕，他們可以選擇下載它。

如果沒有要下載的文件，他們將要下載什麼？無論如何，您可以在支持鏈接元素的download屬性的瀏覽器中強制下載。目前我相信這隻適用於Chrome和Firefox。

如this答案描述，

var myLink = document.createElement('a'); 
myLink.href = 'path_to_file_you_want_to_give_them.extension'; 
myLink.download = 'whatever_you_want_to_call_the_file_that_they_get.extension'; 
document.body.appendChild(link); 
link.click();

基本上這將創建的下載路徑，你想給他們的文件的鏈接，讓你來命名他們的下載，追加鏈接到DOM和使用jQuery的click函數來強制元素上的點擊事件。

來源

2014-06-10 02:06:27 Nile

可下載的內容在Javascript中

回答

相關問題