javascript - 如何使用 javascript 从另一个文件设置元素的 innerHTML？

Question

我正在尝试使用另一个 HTML 文件的 javascript 设置 HTML 文件的值。

例如:

html1.html 
js1.js // this is for html1.html

html2.html // inside this html file, I wanted to set the value and innerHTML of 1 element using js1.js

例如元素:

 <input id="cID" name="cID" type="text" class="required form-control">

有没有办法实现它？？

谢谢和问候，

Answer 1

这至少是不切实际的。

HTML 页面“不是制作出来的”(好吧，无论如何我希望任何新开发人员都这么想)来相互交流。当然，您可以通过使用 iframe/popup/localStorage/cookies 实现它。但对于您遇到的任何问题，它通常都是一个糟糕的解决方案，还有另一个更简单/更好/更强的解决方案等着您去寻找。

详细信息:

• Iframe 解决方案:在 html1 中调用 html2 并使用 iframe.contentWindow
• 弹出解决方案:从 html1 生成 html2与 window.open
• localStorage 和 cookie : 需要一个 js inhtml2.html，然后将值存储在 html1 中并将其取回html2 ( cookie doc , localStorage doc )

通常对产生此类问题的问题有更好的解决方案:

1. 在 html2 中包含 js1.js，没有什么能阻止你包含一个 JS多次(最佳解决方案，如果足以解决问题)

2. 使用服务器端解决方案，如模板、 session 、包含、ajax...(如果可能，几乎总是最好的解决方案)

3. 只需使用一个 html，并在 JS 中更改其内容(几乎总是如果解决方案 2 不可行，则为最佳解决方案)