Question

我有这个JavaScript函数：

function getsomethingelse()
{
    //erzeugt den HTML-Code
    var string;
    string  = "<b>This is a site</b>"

    //beschafft eine referenz auf das <div> element auf der seite
    myDiv   = document.getElementById("container");
    //lädt Inhalt in das <div> element
    myDiv.innerHTML = string;
}

通过此链接链接

<a href="#" onclick="getsomethingelse()" class="panel">Link</a>

我正在寻找一种方法 - 而不是将整个HTML文档写入string = - 将外部（HTML）文件导入其中;因为在一行中编写整个HTML文档非常混乱。

有人可以帮我吗？非常感谢提前，尼

Answer 1

1 - 您可以通过ajax提供代码 2 - 如果使用PHP，则可以创建<script src="phpjs.php">并读取文件的内容：

var dataHTML  = <? php echo fileContainerHTML; ?>

3 - 如果您可以与您一起制作jQuery jQuery ( "# cont"). Load (...)

Answer 2

是的，使用ajax从服务器获取其他内容，然后将这些内容分配给innerHTML属性。

Answer 3

是的，你问的是可能的，你可以用ajax

来做

首先，如果您正在使用任何javascript我建议使用jQuery http://jquery.com/

这里有一个没有jquery的ajax教程：http://www.w3schools.com/Ajax/Default.Asp

以下是一些jQuery教程：http://docs.jquery.com/Tutorials

实现相同功能的一种更简单的方法可能是使用iframe，你只需指向任何html页面，这也意味着你不必去除html和body标签。

此外，您可以使用所需的html显示多个div，并显示/隐藏所需的html。

祝你好运

Answer 4

您可以使用Ajax。

。

$（ “＃容器”）的负载（ “/ neededUrl.html”）;

在Javascript的“字符串”中链接/导入HTML文档

4 个答案: