使用jquery添加复杂的HTML而不使用循环

时间:2013-10-31 14:12:27

标签: javascript jquery html editing

<html>
<head> 
<script src="js.js">
</head>
<body> 
<script> $("#header").html("<br><br><br><table border=0><tr><td rowspan='2' width=100%><img src='start_font.JPG' width=256 height=80%></td><td align='right'><font face='Verdana' size=4 color=white><br>Harshal</font></td><td rowspan=2><img src='profile.jpg' width=55 height=55> </tr><tr><td align='right' valign='top'><font face='Verdana' size=3 color=white>Gajjar</font></td></tr></table>"); </script> 
<div id="header"></div> 
</body>
</html>

我的网站上有很多页面具有相同的代码(在.html()中),因此要创建一个包含脚本的.js文件,并在所有页面中创建一个页面,以便可以从单个文件中编辑标题。但不幸的是,这个脚本无法运行。

1 个答案:

答案 0 :(得分:0)

在应该修改它的脚本之前移动<div id="header"></div>

<html>
  <head> 
    <script src="js.js">
  </head>
  <body> 
    <div id="header"></div> 
    <script> $("#header").html("<br><br><br><table border=0><tr><td rowspan='2' width=100%><img src='start_font.JPG' width=256 height=80%></td><td align='right'><font face='Verdana' size=4 color=white><br>Harshal</font></td><td rowspan=2><img src='profile.jpg' width=55 height=55> </tr><tr><td align='right' valign='top'><font face='Verdana' size=3 color=white>Gajjar</font></td></tr></table>"); </script> 
  </body>
</html>