在<;中加载带有javaScript的HTML;a href…>;链接

在<;中加载带有javaScript的HTML;a href…>;链接,javascript,html,linker,Javascript,Html,Linker,我是编程界的新手,目前只知道HTML、CSS、Java,还有大约一周的JavaScript课程。我的任务是创建一个具有所有这些特定要求的网站。我已经完成了我的框架HTML和CSS,我只是到处添加javaScript 我的网站有一个主标题标志区和一个左右栏,其中有新闻提要、链接、日历等等。目前,我有大约8个页面在这些领域有相同的内容。中心柱是所有变化的地方 我想这样做,当点击一个链接(a href=“…)时,它将加载一个javaScript函数(其中包含.innerHTML=“…”;)到我的cen

我是编程界的新手,目前只知道
HTML
CSS
Java
,还有大约一周的JavaScript课程。我的任务是创建一个具有所有这些特定要求的网站。我已经完成了我的框架
HTML
CSS
,我只是到处添加javaScript

我的网站有一个主标题标志区和一个左右栏,其中有新闻提要、链接、日历等等。目前,我有大约8个页面在这些领域有相同的内容。中心柱是所有变化的地方

我想这样做,当点击一个链接(
a href=“…
)时,它将加载一个javaScript函数(其中包含
.innerHTML=“…”;
)到我的centerColumn
div
标记中。这样,如果我想更新右列或左列,我就不必在每个页面上都更改它

我不打算使用
。innerHTML
这只是我目前知道的唯一一件事。如果有更好的方法,或者如果您可以导入整个
.html
文件,那就好了


我尝试了很多不同的方法,但都没有效果。任何帮助或建议都会很棒!谢谢

我建议您可以使用ajax,jquery或javascript。jquery比javascript容易得多。我发现$.ajax更容易使用

$.ajax({
        type:"POST",
        url:"linktoyourajaxpage.php",
        data:{data:val1,data2:val2},
        cache:false,
        success:function(html){
            $("#resultdiv").html(html);

        }



    }); 

其中resultdiv是您希望结果显示的div。

我可能会因此而被责骂,但如果您想尝试,它将非常有用。它将大多数常见的DOM操作包装在简单易用的函数中。您需要的是函数中提供的内容。使用某种模板系统而不是JavaScript将非常有用这是一个正确的方法,除了教育价值之外,你还想做些什么。你能扩展一下这个JQuery吗?我只是做了一个快速搜索,只能找到一些包括使用PhP的东西,或者一些超出我技能水平的东西。谢谢。我决定等待下一个里程碑来做这件事。在与在学校的朋友,他提到了一种使用php的简洁方法,这是我们项目中继javascript之后的下一步。因此,感谢所有回复者:)