Question

我正在尝试完成一个学校项目。这是一个相当容易的，但由于我的教授在另一个国家，我无法经常或很快得到他们的答案。

我正在尝试创建一个网页，以便当我点击链接时，它会导致它加载并在子导航下面附加.txt文件而不更改任何页面。

这是我不完整的javascript代码：

<script type="text/javascript" src="js/jquery-1.8.1.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    var massage = ('massage.txt')
    $('.selection').click(function() {
        $('.selection').append('massage');

    });
});
</script>

这是我的HTML：

  <div id="content">
            <div id="spaselection">

                    <p class="selection">
                    Massage
                    Facials 
                    Laser Hair Treatment/Electrolysis 
                    Nails
                    </p>

            </div>

Answer 1

如果您在与网页相同的文件夹中讨论名为“massage.txt”的文件，那么只有一个简单的解决方案只涉及HTML。我相信你知道iFrame。您可以使用它来上传文件夹中的文件以及非您拥有的网站。例如：

<iframe src="massage.txt" type="text/plain"
content="file" class="upload" width="whateverPX"
height="whateverPX">If you see this message, 
massage.txt does not exist or your browser doesn't support iframes.</iframe>

当然，您可以根据需要设置样式并更改其大小。这是我的完成版本：

<iframe src="/student/jason/beatrice/massage.txt" type="
text/plain" content="file" class="upload" width="900px" height="800px" frameborder="0" 
script="autoUpload();">
Your browser does not support iFrames
</iframe>
<noscript>Your browser does not support Javascript.</noscript>

是的，我发明了iFrame类型。这并不重要。重要的是，它有效。在大多数主流浏览器中测试并获得批准。据W3Schools称，iFrames至少支持5/6主流浏览器。支持Chrome，Firefox，IE，Edge，Safari等。

通过javascript添加.txt文件

1 个答案: