无法使用jquery设置<iframe> srcdoc值

基础概念： <iframe> 是 HTML 中的一个元素，用于在当前文档中嵌入另一个 HTML 文档。srcdoc 属性允许你直接在 srcdoc 属性中编写 HTML 内容，而不是通过 src 属性引用外部文档。

问题原因： jQuery 并没有直接提供设置 srcdoc 属性的方法。通常情况下，你可以直接使用原生 JavaScript 来设置 srcdoc 属性。

解决方案：你可以使用原生 JavaScript 来设置 <iframe> 的 srcdoc 属性。以下是一个示例代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Set srcdoc Example</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
    <iframe id="myIframe" width="600" height="400"></iframe>

    <script>
        $(document).ready(function() {
            // 使用原生 JavaScript 设置 srcdoc 属性
            document.getElementById('myIframe').srcdoc = '<h1>Hello, World!</h1><p>This is a test.</p>';
        });
    </script>
</body>
</html>

优势：