使用屏幕分辨率的Javascript iframe

Question

我有2个web example.com（对于台式机）和example.net（对于移动版）。 我想通过检测屏幕分辨率大小对其进行内嵌。 我正在尝试此代码

<script type="text/javascript">
    if (screen.width <= 720) {
         document.write("<iframe src="http://example.com" width="100%" height="100%" frameborder="0" marginheight="0" marginwidth="0"></iframe>");
    } else {
         document.write("<iframe src="http://example.net" width="100%" height="100%" frameborder="0" marginheight="0" marginwidth="0"></iframe>");
    }
</script>

但是代码无法正常工作，请使用PHP或JavaScript代码帮助我，以使其正常工作。

Answer 1

你可以通过更换试码"与'用于向的属性赋予值iframe像document.write("<iframe src='http://example.com' width='100%' height='100%' frameborder='0' marginheight='0' marginwidth='0'></iframe>");

Answer 2

试试这个脚本

<script type="text/javascript">
    if (screen.width <= 720) {
     document.write('<iframe src="http://example.com" width="100%" height="100%" frameborder="0" marginheight="0" marginwidth="0"></iframe>');
    } else {
     document.write('<iframe src="http://example.net" width="100%" height="100%" frameborder="0" marginheight="0" marginwidth="0"></iframe>');
    }
</script>

小提琴