实际上用javascript创建一个网页

时间:2014-07-02 16:53:21

标签: javascript html

没必要

这个问题很愚蠢,因此没有必要将其删除

2 个答案:

答案 0 :(得分:0)

以此为出发点:

<html>
    <head>
        <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>

        <title>webpage</title>
        <script type="text/javascript">
            $(document).ready(function () {
                var myDiv = document.getElementById('myDiv');
                myDiv.appendChild(document.createTextNode("Hi my name is Mehmetcan"));
            });
         </script>
   </head>
   <body>
        <div id="myDiv"> </div>
   </body>

答案 1 :(得分:0)

的另一种方法依赖于JQuery,但依赖纯粹的,纯粹的javascript。

<html>
    <head>
        <title>webpage</title>
        <script type="text/javascript">
            document.body.onload = loadSite;
            function loadSite() {
                var newDiv = document.createElement("span");
                var newContent = document.createTextNode("Hi there and greetings!");
                newDiv.appendChild(newContent);
                myDiv.appendChild(newDiv);
            }
        </script>
    </head>
    <body>
        <div id="myDiv"> </div>
    </body>
</html>

您可以在document.createElement MDN页面上找到完整的javascript示例以及更多信息。

document.body.onload = addElement;
var my_div = null; 
var newDiv = null; 
function addElement () { 
    // create a new div element 
    // and give it some content 
    var newDiv = document.createElement("div"); 
    var newContent = document.createTextNode("Hi there and greetings!"); 
    newDiv.appendChild(newContent); //add the text node to the newly created div. 
    // add the newly created element and its content into the DOM 
    my_div = document.getElementById("org_div1"); 
    document.body.insertBefore(newDiv, my_div); 
}