JS layer migration sample code_javascript skills

<title>Course Schedule</title> <style type="text/css">LABEL { CURSOR: hand; COLOR: lightblue; TEXT-DECORATION: underline } </style> <meta content="MSHTML 5.50.4134.600" name="GENERATOR"> <font style="FONT-SIZE: 12px; LEFT: 50px; WIDTH: 100px; POSITION: absolute; TOP: 43px; TEXT-ALIGN: center" color="blue"> <table id="LeftTable" style="LEFT: 50px; POSITION: absolute; TOP: 60px" cellspacing="0" bordercolordark="white" bordercolorlight="black" border="1"> <tbody> <tr> <td width="100" height="12"> </td> </tr> <tr> <td width="100" height="12"> </td> </tr> <tr> <td width="100" height="12"> </td> </tr> <tr> <td width="100" height="12"> </td> </tr> <tr> <td width="100" height="12"> </td> </tr> <tr> <td width="100" height="12"> </td> </tr> <tr> <td width="100" height="12"> </td> </tr> <tr> <td width="100" height="12"> </td> </tr> <tr> <td width="100" height="12"> </td> </tr> <tr> <td width="100" height="12"> </td> </tr> <tr> <td width="100" height="12"> </td> </tr> <tr> <td width="100" height="12"> </td> </tr> <tr> <td width="100" height="12"> </td> </tr> <tr> <td width="100" height="12"> </td> </tr> <tr> <td width="100" height="12"> </td> </tr> <tr> <td width="100" height="12"> </td> </tr> </tbody> </table> <font style="FONT-SIZE: 12px; LEFT: 220px; WIDTH: 150px; POSITION: absolute; TOP: 43px; TEXT-ALIGN: center" color="blue">Pending courses <table id="RightTable" style="LEFT: 220px; POSITION: absolute; TOP: 60px" cellspacing="0" bordercolordark="white" bordercolorlight="black" border="1"> <tbody> <tr><td width="150" height="20"> </td></tr> <tr><td width="150" height="20"> </td></tr> <tr><td width="150" height="20"> </td></tr> <tr><td width="150" height="20"> </td></tr> </tbody> </table> <font style="FONT-SIZE: 12px; LEFT: 220px; WIDTH: 150px; POSITION: absolute; TOP: 153px; TEXT-ALIGN: center" color="blue">Scheduled courses (morning) <table id="Table2" style="LEFT: 220px; POSITION: absolute; TOP: 170px" cellspacing="0" bordercolordark="white" bordercolorlight="black" border="1"> <tbody> <tr><td width="150" height="20"> </td></tr> <tr><td width="150" height="20"> </td></tr> <tr><td width="150" height="20"> </td></tr> <tr><td width="150" height="20"> </td></tr> </tbody> </table> <font style="FONT-SIZE: 12px; LEFT: 220px; WIDTH: 150px; POSITION: absolute; TOP: 263px; TEXT-ALIGN: center" color="blue">Classes scheduled (afternoon) <table id="Table2" style="LEFT: 220px; POSITION: absolute; TOP: 280px" cellspacing="0" bordercolordark="white" bordercolorlight="black" border="1"> <tbody> <tr><td width="150" height="20"> </td></tr> <tr><td width="150" height="20"> </td></tr> <tr><td width="150" height="20"> </td></tr> <tr><td width="150" height="20"> </td></tr> </tbody> </table> <div id="1" style="WIDTH: 100px; CURSOR: hand; POSITION: absolute; HEIGHT: 12px" align="center">Classes scheduled (evening) </div> <div id="2" style="WIDTH: 100px; CURSOR: hand; POSITION: absolute; HEIGHT: 12px" align="center">Chinese</div> <div id="3" style="WIDTH: 100px; CURSOR: hand; POSITION: absolute; HEIGHT: 12px" align="center"> </div>Mathematics<div id="4" style="WIDTH: 100px; CURSOR: hand; POSITION: absolute; HEIGHT: 12px" align="center"> </div> <div id="5" style="WIDTH: 100px; CURSOR: hand; POSITION: absolute; HEIGHT: 12px" align="center">Physics</div> <div id="6" style="WIDTH: 100px; CURSOR: hand; POSITION: absolute; HEIGHT: 12px" align="center"> </div>Chemistry </font></font></font></font>English
Politics

[Ctrl A select all Note: If you need to introduce external Js, you need to refresh to execute ]