使用搜索欄將.html加載到div

我主要想知道，如果沒有PHP，甚至可能有一些指導，如果是的話。我有感覺我正在推翻這個過程。使用搜索欄將.html加載到div

目前我正在通過按鈕點擊輕鬆地將特定的.html加載到div中。不過，我一直試圖通過使用搜索欄加載.html到div（正如標題明確指出的那樣）。

例如，我搜索「Apple」並期望「Apple.html」加載到div中。我明白，JavaScript不能/不應該不借助PHP搜索本地文件，但它可以不'假設'該文件在那裏並加載它？根據我的邏輯，它不會比點擊按鈕有很大的不同。

來源

2016-08-01 Pat

請分享您的代碼調試容易 –

做「本地硬盤驅動器上的」「地方」，在你的描述意味着或「在服務器上的同一目錄」。沒有代碼（即使它不工作），真的很難幫助你 - 當你在這裏接縫時，我想這是一個跨源的政策問題 – Wolfgang

我的意思是「本地」，就像在我的本地硬盤上一樣。我非常抱歉，因爲我非常努力地表達自己的想法。至於我的代碼，我有類似的東西，但缺少「$（」＃search「）。val（）」的正確實現。 – Pat

你可以使用jquery 你的所有文件應該在實際頁面存在的地方，否則你必須指定路徑。

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <title>html</title> 
    <script src="http://code.jquery.com/jquery-1.12.4.js"></script> 

</head> 
<body> 

    <input type="search" id="search"> 
    <input type="button" id="button" name=""> 

    <div> 

    </div> 


<script type="text/javascript"> 

    $("#button").on('click', function(e){ 
     $('div').load($("#search").val() + ".html"); 
    }); 
</script> 

</body> 
</html>

來源

2016-08-01 21:51:34 owaishanif786

這應該完美。我猜我找不到在本地驅動器（非服務器）上的這個作品？無論哪種方式，謝謝你的幫助！ – Pat

使用搜索欄將.html加載到div

回答

相關問題