chenzimin2
/
yapianbowuguan


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
							<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      body {
        width: 100vw;
        height: 100vh;
        background: gray;
      }
      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }
      iframe {
        position: absolute;
        bottom: 100px;
        right: 10px;
        z-index: 1000;
      }
    </style>
  </head>
  <body>
    <iframe
      src="file:///D:/code/%E5%9B%9B%E7%BB%B4/%E9%B8%A6%E7%89%87%E6%88%98%E4%BA%89%E5%8D%9A%E7%89%A9%E9%A6%86/%E5%9C%BA%E6%99%AF/searchGuide/searchGuide.html"
      frameborder="0"
      id="myifr"
      width="10%"
      height="30%"
    ></iframe>

    <script>
      var iframe = document.getElementById("myifr");
      // iframe.width = iframe.contentWindow.document.body.scrollWidth;
      // iframe.height = iframe.contentWindow.document.body.scrollHeight;
      // console.log(iframe.contentWindow.document.body.scrollWidth);

      window.addEventListener("message", function (msg) {
        if (msg.data == "10") {
          iframe.width = "10%";
        } else if (msg.data == "26") {
          iframe.width = "26%";
        }
        console.log(msg.data, iframe.width);
      });
    </script>
  </body>
</html>