HTML标题导致屏幕闪烁

时间:2017-08-30 09:15:54

标签: javascript html stm32

我使用STM32F407作为一个简单的网络服务器,它使用一个小脚本来构建一些表,每次刷新时都会出现屏幕闪烁。我删除了身体标签,这消除了闪烁。这似乎是不好的做法,但确实有效。然后,当我在表格上方添加标题时,它再次闪烁。因此,当我向下面的HTML添加以下行:<h1>Mini Web Server</h1>时,屏幕将会闪烁,当我将其删除时,它会很好。为什么会这样?

"<!DOCTYPE html>\
<meta http-equiv=\"refresh\" content=\"3;url=http://192.168.0.28\">\
<HTML>\
      <HEAD>\
            <TITLE>Web Server</TITLE>\
            <h1>Mini Web Server</h1>\
            <script src=/s></script>\
                    <table><tr><td valign=top><table border=1 style=\"font-size:20px ;font-family: terminal ;\">\
                            <tr><th colspan=2>ADC</th></tr>\
                            <tr><td>AN3</td><td><script>document.write(AN3)</script></td></tr>\
                     </table>\
                            </td><td><table border=1 style=\"font-size:20px ;font-family: terminal ;\">\
                            <tr><th colspan=2>PORTD</th></tr>\
                            <script>\
                                     var str,i;str=\"\";for(i=0;i<8;i++)\
                                     {str+=\"<tr><td bgcolor=pink>BUTTON #\"+i+\"</td>\";\
                                     if(PORTD&(1<<i)){str+=\"<td bgcolor=red>ON\";}\
                                     else {str+=\"<td bgcolor=#cccccc>OFF\";}\
                                     str+=\"</td></tr>\";}\
                                     document.write(str) ;\
                            </script>\
" ;

注意每行末尾的“\”是由于它是C中多行的字符串。

"<!DOCTYPE html>
<meta http-equiv=\"refresh\" content=\"3;url=http://192.168.0.28\">
<HTML>
      <HEAD>
            <TITLE>Web Server</TITLE>
            <h1>Mini Web Server</h1>
            <script src=/s></script>
                    <table><tr><td valign=top><table border=1 style="font-size:20px ;font-family: terminal ;">
                            <tr><th colspan=2>ADC</th></tr>
                            <tr><td>AN3</td><td><script>document.write(AN3)</script></td></tr>
                     </table>
                            </td><td><table border=1 style="font-size:20px ;font-family: terminal ;">
                            <tr><th colspan=2>PORTD</th></tr>
                            <script>
                                     var str,i;str="";for(i=0;i<8;i++)
                                     {str+="<tr><td bgcolor=pink>BUTTON #"+i+"</td>";
                                     if(PORTD&(1<<i)){str+="<td bgcolor=red>ON";}
                                     else {str+="<td bgcolor=#cccccc>OFF";}
                                     str+="</td></tr>";}
                                     document.write(str) ;
                            </script>

0 个答案:

没有答案