gpt4 book ai didi

javascript - 如何链接 HTML 部分?

转载 作者:行者123 更新时间:2023-11-28 15:21:09 25 4
gpt4 key购买 nike

我对网页设计和 HTML、JS、CSS 有点陌生。

-我创建了一个包含基本标题、导航栏、图像 slider 和基本部分的页面。主页看起来像这个 atm; http://i65.tinypic.com/98a4gh.jpg

我想打开"Programs"部分作为一个空页面,只有相同的标题。所以我复制了代码并创建了一个新的html文件并将它链接到"Programs";

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

如您所知,它会在同一选项卡中打开一个新的 html 文件,主体为空("example.html#section1" 包含一个空主体)(http://i68.tinypic.com/dorzfk.png)

问题是; 有没有办法创建该部分的直接链接(使用任何语言)?。我的意思是它不应该使用新的 html 文件或 iframe。我花了很多时间进行搜索,但我认为我无法正确搜索。 T_T

最佳答案

当然有一种方法可以使用 javascript 从头开始​​执行此操作。像这样的东西;

How to use a link to call JavaScript?将是一个很好的起点。

我确实想插入我的两分钱,那就是研究像 bootstrap 和/或 foundation 这样的框架,其中很多东西已经设置好供您开箱即用。学会自己做这件事很重要,但这些框架将帮助您在开始陷入此类事情之前了解全局。

编辑冗余:

From user EndangeredMassa:

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

关于javascript - 如何链接 HTML 部分?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34683183/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com