我使用jQuery.load
来加载一些内容,但对于SEO和禁用JavaScript的浏览器,我使用渐进式增强来使用<a>
标签正常链接到内容,当JavaScript加载内容时。
我的问题是,在一个页面/加载的内容有一个图像,如果内容是使用JavaScript加载的图像源将是src="images/picture.png"
,但如果它使用<a>
标签加载,它将是src="../images/picture.png"
(注意../
)。我知道我可以通过改变文件结构来解决这个问题,通过将加载的页面放在与文件相同的文件夹级别,但这意味着我将在我的根/或隐藏的主文件中加载文件,给我一个混乱的URL。
我想知道我是否可以为图像指定替代源(当然我不能使用JavaScript来做到这一点;它必须是纯HTML)。
对吧…我不认为我说得很清楚。
我需要修改的是:
-
如果该页是通过
<a>
链接点击的,图片来源应为src="../images/picture.jpg"
-
如果使用
jQuery.load
加载内容,则图像源应为src="images/picture.jpg"
这不能用JavaScript实现,因为当JS不工作或被禁用时。
你应该这样做。当通过A标签点击页面时,将页面写入工作
然后通过jQuery如果你通过jQuery加载它,改变所有的路径为你想要的
有很多工作要做。更简单的是,使用绝对路径。
旁注:这个问题与渐进式增强无关。