为什么赢了'；javascript是否替换innerHTML屏幕分辨率检查？_Javascript_Html

为什么赢了'；javascript是否替换innerHTML屏幕分辨率检查？

javascript html

为什么赢了'；javascript是否替换innerHTML屏幕分辨率检查？,javascript,html,Javascript,Html,我正试图让我的网站检查屏幕分辨率，并用纯文本链接替换已安装的字体图标（使用@webfont），以便该网站更便于移动。我正在使用Opera Mobile Emulator检查它是否工作。我使用的用户界面的分辨率显然是480x320（在页面的左上角），但是.innerHTML javascript并没有启动。有什么帮助吗 <!DOCTYPE html> <html> <head> <title>Harry's Bar</title&g

我正试图让我的网站检查屏幕分辨率，并用纯文本链接替换已安装的字体图标（使用@webfont），以便该网站更便于移动。我正在使用Opera Mobile Emulator检查它是否工作。我使用的用户界面的分辨率显然是480x320（在页面的左上角），但是.innerHTML javascript并没有启动。有什么帮助吗

    <!DOCTYPE html>
<html>

<head>

<title>Harry's Bar</title>

    <meta name="keywords" content="Harry's, bar, st. petersburg, florida, kenneth city, drink specials" />

    <meta name="description" content="Harry's Bar in St. Petersburg, Florida.  Drink specials every night!" />

    <meta name="author" content="Internet Solutions of Florida" />

    <link rel="stylesheet" type="text/css" href="styles.css" /> 
</head>

<body>
<script type="text/javascript">
var width=screen.width;
var height=screen.height;
document.write(width+'x'+height);
if (width<700)
    {document.getElementById("homelink").innerHTML="Home";}

</script>

<div class="frame">
<div class="header">
<img class="logo" src="img/logo.png" alt="Harry's Bar" />
    <div class="menu">
        <ul>
        <li><a id="homelink" href="index.html" title="home">&#xf015</a></li>
        <li><a id="drinklink" href="drinks.html" title="drink menu">&#xf0fc</a></li>
        <li><a id="piclink" href="images.html" title="picture gallery">&#xf030</a></li>
        <li><a id="directionslink" href="directions.html" title="directions">&#xf0d1</a></li>
        <li><a id="contactlink" href="contact.html" title="contact us">&#xf075</a></li>
        </ul>
    </div>
</div>


哈里酒吧
变量宽度=屏幕宽度；
变量高度=屏幕高度；
文件。书写（宽度+x'+高度）；
如果（width在加载HTML之前执行javascript，那么当javascript启动时，没有id为“homelink”的元素
此外，通过使用document.write，您实际上覆盖了原始HTML，因此无论如何都不会加载标记
去掉document.write调用并将脚本放在结束正文标记之前，它应该可以按预期工作
不需要document.write（）。如果要诊断，可以使用document.title或创建div和divid.innerHTML
确保你在Aha上进行测试。我大约一周前才开始学习js，所以我对位置和层次结构还很模糊。非常感谢！