Javascript 如何链接HTML部分？_Javascript_Jquery_Html_Css

Javascript 如何链接HTML部分？

javascript jquery html css

Javascript 如何链接HTML部分？,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我对网页设计和HTML、JS、CSS略显陌生 -我创建了一个包含基本标题、导航栏、图像滑块和基本部分的页面；我想把“程序”部分作为一个只有相同页眉的空白页打开。所以我复制了代码，创建了一个新的html文件，并将其链接到“程序” <li><a href="example.html#section1" class="sec" name="section1">Programs</a></li> 如您所知，它会在同一选项卡中打开一个新的html

我对网页设计和HTML、JS、CSS略显陌生

-我创建了一个包含基本标题、导航栏、图像滑块和基本部分的页面；

我想把“程序”部分作为一个只有相同页眉的空白页打开。所以我复制了代码，创建了一个新的html文件，并将其链接到“程序”

<li><a href="example.html#section1" class="sec" name="section1">Programs</a></li>

如您所知，它会在同一选项卡中打开一个新的html文件，该文件的正文为空（“example.html#section1”包含一个空正文）（）

问题是,有没有办法创建该部分的直接链接（使用任何语言）？我的意思是它不应该使用新的html文件或iframe。

我花了这么多时间搜索，但我想我找不好。当然，有一种方法可以用javascript从头开始实现这一点。像这样的东西

这是一个很好的开始

我想把我的两分钱插入到一个像Bootstrap和/或基金会这样的框架里，在那里很多东西已经被设置好，供你使用。学会自己做这件事很重要，但这些框架将帮助你在遇到这样的事情之前了解全局

编辑冗余：

来自Edmassa的用户：

<html>
<head>
     <script type="text/javascript">

        // Wait for the page to load first
        window.onload = function() {

          //Get a reference to the link on the page
          // with an id of "mylink"
          var a = document.getElementById("mylink");

          //Set code to run when the link is clicked
          // by assigning a function to "onclick"
          a.onclick = function() {

            // Your code here...

            //If you don't want the link to actually 
            // redirect the browser to another page,
            // "google.com" in our example here, then
            // return false at the end of this block.
            // Note that this also prevents event bubbling,
            // which is probably what we want here, but won't 
            // always be the case.
            return false;
          }
        }
    </script>
</head>
<body>
    <a id="mylink" href="http://www.google.com">linky</a>        
</body>
</html>


//等待页面先加载
window.onload=函数（）{
//获取对页面上链接的引用
//id为“mylink”
var a=document.getElementById（“mylink”）；
//设置单击链接时要运行的代码
//通过将函数分配给“onclick”
a、 onclick=function（）{
//你的代码在这里。。。
//如果你不想链接到
//将浏览器重定向到其他页面，
//“google.com”在我们这里的例子中，那么
//在该块末尾返回false。
//请注意，这也可以防止事件冒泡，
//这可能是我们想要的，但不会
//总是这样。
返回false；
}
}

我认为您需要研究的是使用AJAX或Angular加载部分HTML内容页面，然后将代码注入主容器节点。您需要谷歌搜索的搜索词是“HTML部分”搜索“HTML模板语言”可能适用于您需要的内容。是的，但我建议在使用任何框架之前先学习基础知识。否则，在如何实现方面，您可能会受到更大的限制。此外，我从事的一些工作要求我使用基本的javascript（例如，不使用jQuery或其他什么），如果我没有先学会的话，我会很难使用它。@Stevenlin虽然我同意这是一种理想的方法，我认为，如果有人先走捷径，对代码保持兴趣，然后陷入困境，一起放弃，那会更明智。这就是为什么我用一种基本的方法给出了答案（或与实际情况相联系），但却对这些框架大喊一声，因为有些新手可能没有听说过它们，可能对它们感兴趣。