{"id":2748,"date":"2024-11-10T15:46:14","date_gmt":"2024-11-10T07:46:14","guid":{"rendered":"https:\/\/fwq.ai\/blog\/2748\/"},"modified":"2024-11-10T15:46:14","modified_gmt":"2024-11-10T07:46:14","slug":"%e5%a6%82%e4%bd%95%e5%8a%a8%e6%80%81%e5%9c%b0%e5%b0%86-html-%e5%85%83%e7%b4%a0%e6%8f%92%e5%85%a5-iframe%ef%bc%9f","status":"publish","type":"post","link":"https:\/\/fwq.ai\/blog\/2748\/","title":{"rendered":"\u5982\u4f55\u52a8\u6001\u5730\u5c06 HTML \u5143\u7d20\u63d2\u5165 iframe\uff1f"},"content":{"rendered":"<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/001\/246\/273\/173087040280488.jpg\" class=\"aligncenter\" title=\"\u5982\u4f55\u52a8\u6001\u5730\u5c06 HTML \u5143\u7d20\u63d2\u5165 iframe\uff1f\u63d2\u56fe\" alt=\"\u5982\u4f55\u52a8\u6001\u5730\u5c06 HTML \u5143\u7d20\u63d2\u5165 iframe\uff1f\u63d2\u56fe\" \/><\/p>\n<p><strong>\u5982\u4f55\u52a8\u6001\u5c06 html \u5143\u7d20\u63d2\u5165 iframe<\/strong><\/p>\n<p>\u4e3a\u4e86\u5c06 html \u5143\u7d20\u52a8\u6001\u5730\u63d2\u5165 iframe \u4e2d\uff0c\u53ef\u4ee5\u4f7f\u7528\u4ee5\u4e0b\u6b65\u9aa4\uff1a<\/p>\n<ol>\n<li> <strong>\u521b\u5efa iframe \u5143\u7d20\uff1a<\/strong>\u4f7f\u7528 \u6807\u7b7e\u521b\u5efa\u65b0\u7684 iframe \u5143\u7d20\u3002 <\/li>\n<li> <strong>\u83b7\u53d6 iframe \u7684 doc \u5143\u7d20\uff1a<\/strong>\u4f7f\u7528 iframe.contentdocument \u6216 iframe.contentwindow.document \u6765\u83b7\u53d6 iframe \u7684\u6587\u672c\u6587\u6863\u5bf9\u8c61 (doc)\u3002<\/li>\n<li> <strong>\u521b\u5efa\u9700\u8981\u7684 html \u5143\u7d20\uff1a<\/strong>\u4f7f\u7528 javascript \u521b\u5efa\u65b0\u7684 html \u5143\u7d20\uff0c\u4f8b\u5982 \u6216\n<p>\u3002<\/p>\n<\/li>\n<li> <strong>\u5c06\u65b0\u5143\u7d20\u63d2\u5165 doc\uff1a<\/strong>\u4f7f\u7528 appendchild() \u65b9\u6cd5\u5c06\u65b0\u5143\u7d20\u63d2\u5165 iframe \u7684 doc \u4e2d\u3002<\/li>\n<p>\u4f8b\u5982\uff1a<\/p>\n<pre>\/\/ \u521b\u5efa iframe\nconst iframe = document.createelement('iframe');\n\n\/\/ \u83b7\u53d6 iframe \u7684 doc\nconst doc = iframe.contentdocument || iframe.contentwindow.document;\n\n\/\/ \u521b\u5efa\u4e00\u4e2a\u65b0\u7684\u6bb5\u843d\u5143\u7d20\nconst paragraph = doc.createelement('p');\nparagraph.innertext = '\u8fd9\u662f\u63d2\u5165\u5230 iframe \u4e2d\u7684\u6587\u672c';\n\n\/\/ \u5c06\u6bb5\u843d\u5143\u7d20\u63d2\u5165 iframe \u4e2d\ndoc.body.appendchild(paragraph);<\/pre>\n<p> \u767b\u5f55\u540e\u590d\u5236 <\/p>\n<p>\u6b64\u5916\uff0c\u8fd8\u6709\u4e00\u4e9b\u7b2c\u4e09\u65b9\u5e93\uff08\u4f8b\u5982 jquery\uff09\u53ef\u4ee5\u7b80\u5316\u6b64\u8fc7\u7a0b\uff0c\u4f8b\u5982\uff1a<\/p>\n<p><span>\u7acb\u5373\u5b66\u4e60<\/span>\u201c\u201d\uff1b<\/p>\n<pre>$('#iframe').contents().find('body').append('&lt;p&gt;\u8fd9\u662f\u63d2\u5165\u5230 iframe \u4e2d\u7684\u6587\u672c&lt;\/p&gt;');<\/pre>\n<p> \u767b\u5f55\u540e\u590d\u5236\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>\u5982\u4f55\u52a8\u6001\u5c06 html \u5143\u7d20\u63d2\u5165 iframe \u4e3a\u4e86\u5c06 html \u5143\u7d20\u52a8\u6001\u5730\u63d2\u5165 iframe \u4e2d\uff0c\u53ef\u4ee5\u4f7f\u7528\u4ee5\u4e0b\u6b65\u9aa4\uff1a \u521b\u5efa iframe \u5143\u7d20\uff1a\u4f7f\u7528 \u6807\u7b7e\u521b\u5efa\u65b0\u7684 iframe \u5143\u7d20\u3002 \u83b7\u53d6 iframe \u7684 doc \u5143\u7d20\uff1a\u4f7f\u7528 iframe.contentdocument \u6216 iframe.contentwindow.document \u6765\u83b7\u53d6 iframe \u7684\u6587\u672c\u6587\u6863\u5bf9\u8c61 (doc)\u3002 \u521b\u5efa\u9700\u8981\u7684 html \u5143\u7d20\uff1a\u4f7f\u7528 javascript \u521b\u5efa\u65b0\u7684 html \u5143\u7d20\uff0c\u4f8b\u5982 \u6216 \u3002 \u5c06\u65b0\u5143\u7d20\u63d2\u5165 doc\uff1a\u4f7f\u7528 appendchild() \u65b9\u6cd5\u5c06\u65b0\u5143\u7d20\u63d2\u5165 iframe \u7684 doc \u4e2d\u3002 \u4f8b\u5982\uff1a \/\/ \u521b\u5efa iframe const iframe = document.createelement(&#8216;iframe&#8217;); \/\/ \u83b7\u53d6 iframe [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16],"tags":[],"class_list":["post-2748","post","type-post","status-publish","format-standard","hentry","category-16"],"_links":{"self":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/2748","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/comments?post=2748"}],"version-history":[{"count":0,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/2748\/revisions"}],"wp:attachment":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/media?parent=2748"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/categories?post=2748"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/tags?post=2748"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}