Question

我主要想知道在没有PHP的情况下是否可以实现这一点，如果有的话，也许还有一些指导意见。我有一种感觉，我过度思考这个过程。

目前，我可以通过按钮点击轻松将特定的.html加载到div中。但是，我一直在尝试使用搜索栏将.html加载到div中（如标题明确指出的那样）。

例如，我搜索＆＃34; Apple＆＃34;并希望＆＃34; Apple.html＆＃34;加载到div。我知道javascript不能/不应该在没有PHP帮助的情况下搜索本地文件，但是它不能假设＆＃39;该文件存在并加载它？根据我的逻辑，它不会比点击按钮有很大的不同。

Answer 1

你可以使用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>

使用搜索栏将.html加载到div中

1 个答案: