如何获取参考号（链接的表单）以使用javascript在另一个html页面中自动填充表单的一部分

通过javascript使用本地存储和

onclick

我有一个包含2个工作描述的html文件：

html文件1

<li><Job Reference Number: wru01</li>
<li><Job Reference Number: wru01</li>

js文件2

function LoadJobCode() {
  var code = localStorage.getItem('job-code');

  if (code) {
    var input = document.getElementById('refnumber');
    // disable text being entered
    input.value = code;
    input.disabled = true;
  }

}

---

对不起，这样做不是个好主意。我想你可以使用

setTimeout

来解决这个问题。这是我的代码：

function onclick1() {
     var anchor = document.getElementById('link');
     anchor.addEventListener('click', function (event) {
            event.preventDefault();
            const jobCode = event.target.getAttribute('data-job');
            console.log(jobCode)
            localStorage.setItem('job-code', jobCode);
            setTimeout(() => {
                window.location.href = event.target.getAttribute('href');
            },1000)

     })
 }

我为什么这样做？这是为了确保在进入另一个html页面之前保存数据（

数据作业

）。同样，您可以使用

async/await

，如下所示：

function onclick1() {
        var anchor = document.getElementById('link');
        anchor.addEventListener('click', function (event) {
            event.preventDefault();
            const jobCode = event.target.getAttribute('data-job');
            console.log(jobCode)
            localStorage.setItem('job-code', jobCode);
            async function locate() {
                await new Promise(() => {
                    window.location.href = event.target.getAttribute('href');
                })
            }
            locate();
        })
    }

function onclick1() {
     var anchor = document.getElementById('link');
     anchor.addEventListener('click', function (event) {
            event.preventDefault();
            const jobCode = event.target.getAttribute('data-job');
            console.log(jobCode)
            localStorage.setItem('job-code', jobCode);
            setTimeout(() => {
                window.location.href = event.target.getAttribute('href');
            },1000)

     })
 }

function onclick1() {
        var anchor = document.getElementById('link');
        anchor.addEventListener('click', function (event) {
            event.preventDefault();
            const jobCode = event.target.getAttribute('data-job');
            console.log(jobCode)
            localStorage.setItem('job-code', jobCode);
            async function locate() {
                await new Promise(() => {
                    window.location.href = event.target.getAttribute('href');
                })
            }
            locate();
        })
    }