使用javascript字段填充和提交自动登录

我们有一个用于登录的本地https页面。我想将它从外部加载到iframe中，并将用户名和密码放入其中，然后用javascript提交这两个信息。（自动登录）。我的意思是我希望页面自动登录（自动填写用户名和密码，然后在打开页面时提交信息） 这是我使用的代码

<iframe src='https://xxxxxx/login.html' name='login' id='login'></iframe>
<script language="javascript>


  parent.login.formname.username.value = 'username';
parent.login.formname.password.value = 'pass';
parent.login.formname.submit();
window.frames['login'].document.formname.submit();
</script>

由于同源策略，您不能使用javascripts或在没有用户参与的情况下修改iframe的内容。如果您的iframe目录和iframe“显示”域是相同的，那么您可以这样做

我认为更好的方法是使用json传递用户名和特殊ID（不是密码，它不安全）
每次登录时都可以使用随机字符/当前时间/等生成特殊ID。这可能是一种更好的方法，但这种方法有效且更安全：）
通过ID而不是用户名获取此页面。
在不同域（甚至子域）问题下，JS将不允许跨域访问此策略下的任何元素。为什么要使用iframe来执行此操作？@Maurice我想这是唯一可能的解决方案，是否还有其他实用的解决方案？