iframe动态加载链接时变量拼接URL出现undefined问题求助

• 受var变量声明提升机制影响，变量声明会被提升到作用域顶部，但赋值操作不会同步执行，你在拼接path时youvariable还未完成赋值，因此取值为undefined
• $(document).ready语法错误，缺少回调函数包裹业务逻辑
• 拼接完成的路径未赋值给iframe的src属性，iframe不会加载目标链接

调整变量赋值顺序，修正语法错误，完成路径拼接后主动给iframe赋值src：

修复后JavaScript代码 #

$(document).ready(function() {
  // 先完成变量赋值再拼接路径
  var youvariable = 6606;
  var path = 'https://url.com?ou=' + youvariable;
  console.log(path);
  // 给iframe设置src
  $('iframe').attr('src', path);
});

配套HTML代码（无需修改） #

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<iframe src="" width="600px" height="400px"></iframe>

内容的提问来源于stack exchange，提问作者Vzupo