实际使用javascript创建网页_Javascript_Html

实际使用javascript创建网页

javascript html

实际使用javascript创建网页,javascript,html,Javascript,Html,没必要这个问题很愚蠢，没有必要，因此我将删除它将此作为起点： <html> <head> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <title>webpage</title> <script type="text/javascript">

没必要

这个问题很愚蠢，没有必要，因此我将删除它

将此作为起点：

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

另一种方法不依赖JQuery，而是依赖纯的、普通的javascript

网页 document.body.onload=加载站点；功能加载站点{ var newDiv=document.createElementspan； var newContent=document.createTextNodeHi here and greetings！； newDiv.appendChildnewContent； myDiv.appendChildnewDiv； } 您可以在MDN页面上找到完整的javascript示例以及更多信息

document.body.onload=添加元素； var my_div=null； var newDiv=null；函数加法器{ //创建一个新的div元素 //给它一些内容 var newDiv=document.createElementdiv； var newContent=document.createTextNodeHi here and greetings！； newDiv.appendChildnewContent；//将文本节点添加到新创建的div中。 //将新创建的元素及其内容添加到DOM中 my_div=document.getElementByIdorg_div1； document.body.insertbeforewdiv，my_div； }

在这一行中删除并用以下内容更正：var myDiv=document.getElementById'myDiv'；getElementById'div'。ID为div的元素在哪里？如果您解决了这个问题，那么它可以正常工作：var myDiv=document.getElementById'div'；应写入var myDiv=document.getElementById'div'，请注意，没有符号，这在jquery选择器中很有用，但在使用getElementById时却没有，因为getElementById已经知道您正在传递一个id。听起来您只是在磁盘外提供HTML文件，也就是说，没有Web服务器？如果是这样，您可能希望从CDN而不是您的文件系统中引用jQuery。如果您正在使用Web服务器为页面提供服务，则可能没有问题。注意：这里没有jQuery。jQuery不是必需的。另外，不使用标识符引用ID。@showdev我知道jQuery是不必要的，但看起来OP正在尝试了解如何引用和使用jQuery