其实答案也简单，就是用window.onload，在DOM元素加载完成后，自动去执行脚本函数，把数据变量插入到输入框中即可。

首先了解下DOM：

DOM加载过程

网页文档加载都是按顺序执行的。

一般浏览器渲染操作顺序大致是一下几个步骤：

1. 解析HTML结构

1. 加载外部脚本和样式表文件

1. 解析并执行脚本代码

1. 构造HTML DOM模型

1. 加载图片等外部文件

1. 页面加载完毕

从以上顺序可以看出，js等脚本会在DOM文档构造之前执行，这样js就无法访问DOM文档对象模型。

所以一般把可执行脚本放在页面初始化事件处理函数中，这样能确保文档加载完毕后再执行脚本。

所以我们一般这样写： window.onload = function(){//执行脚本}

window.onload表示页面加载完了后（包括dom和js）

通过上面这段自动执行函数脚本，就可以把数据变量预先插入到HTML页面中了。

可以说超级简单，但是要是不会，还真的挺难搞定这个任务的。