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

Question

I have this JavaScript function:

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;
}

wich is linked by this link

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

I am searching for a way to - instead of writing the whole HTML document into string= - import an external (HTML) file into this; because it is quite chaotic to write a whole HTML document in a single line.

Can someone help me with this? Thanks a lot in advance, benny

Answer 1

1-You can bring the code by ajax 2-If you work with PHP, you can create a <script src="phpjs.php"> and read the contents of the file:

var dataHTML  = <? php echo fileContainerHTML; ?> 

3-If you can work with you to make a jQuery jQuery ( "# cont"). Load (...) jQuery ( "# cont"). Load (...)

Answer 2

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

Answer 3

Yes what you are asking is possible, you can do it using ajax

First of all if you are doing any javascript I recommend using jQuery http://jquery.com/

There is a tutorial for ajax without jquery here: http://www.w3schools.com/Ajax/Default.Asp

Here are some jQuery Tutorials: http://docs.jquery.com/Tutorials

A simpler way to achieve the same thing may be to use an iframe which you simply point at whatever html page, it also means you don't have to strip out the html and body tag.

Also you could have multiple divs with the html you need and show/hide the one(s) required.

Good luck

Answer 4

You can Use Ajax for this.

$("#container").load("/neededUrl.html");