web页面常见奇怪问题

最新推荐文章于 2022-10-21 22:07:13 发布

原创最新推荐文章于 2022-10-21 22:07:13 发布 · 228 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Web #jQuery #JavaScript #IE #浏览器 #ViewUI

11、Web 前台展现技术专栏收录该内容

1 篇文章

订阅专栏

本文探讨了页面加载时JavaScript代码执行的问题，强调了正确的HTML与元信息编码顺序的重要性，避免因顺序错误导致的IE6等浏览器兼容性问题。同时，介绍了table布局中colspan属性使用的注意事项，确保不同浏览器下的一致性和美观性。

1、页面加载时必须执行的JavaScript代码不执行
页面编码（特别是静态html页面）应该放在标题前（如下代码A1所示），否则有时页面会出现问题或页面加载时必须执行的JavaScript代码不执行（有的IE兼容，不会出现问题，但有的会，特别是IE6，本人上次使用Jquery的datagrid时，由于将以下代码写反了，导致页面加载时不执行对应的js代码，从而列表数据出不来）。

代码A1：
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>短信发送</title>

2、table-->td中的colspan使用误区
以下的代码在IE6上是没有问题的，但是在有的浏览器上就会出现问题，第二行的1111可能就在第10列上，这时页面布局将会出奇的难看！所以实际使用时一定要colspan设置为合适的值，不能超过应由的列（随是个小问题，但对于客户来说可是个大问题）。

代码A2:
<table>
<tr>
<td>姓名</td>
<td>性别</td>
<td>电话</td>
</tr>

<tr>
<td colspan="10">1111</td>
</tr>

<tr>
<td>张三</td>
<td>男</td>
<td>12121212121</td>
</tr>

</table>