javascript 代码只适用于 mozilla firefox？

Question

在我的网站上，我有一个图像查看器。每次用户单击左键或右键时，页面的 url 都会发生变化。图像 src 使用当前页面 url 中的特定数字(url 中唯一的数字)。下面我提供了我正在使用的代码。该代码运行良好，但仅适用于 mozilla firefox。我该如何修复它才能使其适用于所有浏览器。其他浏览器的问题是图像不显示。

<img src="" id="image" >
    <script type="text/javascript">
        document.getElementById('image').src ="Images/"+location.href.match(/\d+/)+".jpg";
        <br/>
        document.wrriteln(location.href.match(/\d+/)+".jpg");
    </script>
    <br/>
    <script>
    var url = location.href;
    function nextImage() {
        return(url.replace(/(\d+)(\.html)$/, function(str, p1, p2) {
            return((Number(p1) + 1) + p2);
        }));
    }
    function prevImage() {
        return(url.replace(/(\d+)(\.html)$/, function(str, p1, p2) {
            return((Number(p1) - 1) + p2);
        }));
    }
    </script>
      <a href="javascript: window.location.href = prevImage();"> <img border="0" src="Assets/Left.png" /></a>
      <a href="javascript: window.location.href = nextImage();"> <img border="0" src="Assets/Right.png"/></a>

Answer 1

你应该做的是

<a href="#" id="prevImageControl">

并在 javascript block 中执行

prevImageClick = function()
{
    window.location.href = prevImage();
}

var prevImageControl = document.getElementById('prevImageControl');
prevImageControl.addEventListener('click', prevImageClick);

对 nextImage() 重复