使用javascript创建非服务器页面动态链接_Javascript_Html_Css

使用javascript创建非服务器页面动态链接

javascript html css

使用javascript创建非服务器页面动态链接,javascript,html,css,Javascript,Html,Css,我已经有了HTML和CSS，但是我需要一些javascript来将它们结合在一起我有一个“static.html”页面，它不存在于服务器上，而是一个本地文件系统此文件有一个div布局，其中包含两个名称/标题等列表，以及一个CSS样式表，用于设置所有静态页面的样式。该页面还使用内联媒体播放器。这些页面设计为脱机使用，不在服务器上使用，因此功能非常有限我想将列表更改为a href=指向其他静态页面的链接，但是列表中的所有标题/名称当前都没有页面，或者可能不需要它们是否有一种方法可以使用一些

我已经有了HTML和CSS，但是我需要一些javascript来将它们结合在一起

我有一个“static.html”页面，它不存在于服务器上，而是一个本地文件系统

此文件有一个

div

布局，其中包含两个名称/标题等列表，以及一个CSS样式表，用于设置所有静态页面的样式。
该页面还使用内联媒体播放器。这些页面设计为脱机使用，不在服务器上使用，因此功能非常有限

我想将列表更改为

a href=

指向其他静态页面的链接，但是列表中的所有标题/名称当前都没有页面，或者可能不需要它们

是否有一种方法可以使用一些javascript检查

href=“./linkedpage.html”

是否存在，然后在页面加载时打开/关闭链接

我可以创建一个引用30个其他页面的父页面，当我添加新页面时，链接可以在父页面中变为活动

理想情况下，可以在每个页面上加载此脚本，以检查链接的源是否存在，并启用/禁用锚标记

非常感谢， -提姆

编辑：PS.

href

链接将是图像和文本

编辑：工作进度代码：

<html>
<head>
<script>
function checkLink(someLink)
{
  var tmp=new Image;
  tmp.src=someLink;
  if(tmp.complete)
    {window.open(someLink,"_self");}
  else
    {return 0;}
}
</script>
</head>

<body>
<a href="javascript:checkLink('./page1.html');">Title 1</a>
<a href="javascript:checkLink('./page2.html');">Title 2</a>
</body>

</html>


函数checkLink（someLink）
{
var tmp=新图像；
src=someLink；
如果（tmp完成）
{window.open（someLink，“_self”）；}
其他的
{返回0；}
}

我在同一个目录中有一个page1.html，但没有page2.html…两个链接都返回0。调试器返回“错误：获取的内容不正确，请重新加载。”

修订，用于测试

<html>
<head>
<script>
function checkLink(someLink)
{
  var tmp=new Image;
  tmp.src=someLink;
  if(tmp.complete)
    {window.open(someLink,"_self");}
  else
    {return 0;}
}
</script>
</head>

<body>
<a href="#" onclick="checkLink('./page1.html'); return false; ">Title 1</a>
<a href="#" onclick="checkLink('./page2.html'); return false; ">Title 2</a>
</body>

</html>


函数checkLink（someLink）
{
var tmp=新图像；
src=someLink；
如果（tmp完成）
{window.open（someLink，“_self”）；}
其他的
{返回0；}
}

现在它什么也不做

您可以包含一点代码吗？没有简单的方法，但是您可以使用Fetch，检查响应代码是否在200s，然后您是否尝试检查服务器上是否存在带有本地文件的页面？您是在本地服务器上运行该本地文件还是仅在浏览器上运行？@A.Meshu基本上它将是本地文件存档的html导航，仅在脱机机器的浏览器中使用。我认为不使用（本地）服务器是不可能的。但也许其他人可以破解这个。。。