一些令人难以理解的“bug”~~有时候一些css属性无法执行~~

来源:互联网 发布:影集制作软件下载 编辑:程序博客网 时间:2024/06/01 10:03

1、本来在调试DIV固定在屏幕上某个位置:

test.html(后缀如果是.jsp,则必须放到tomcat下面才能运行)

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head>
<meta name="author" content="Yeeku.H.Lee(CrazyIt.org)" />
<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
<title> test </title>
<script>
document.getElementById('insertDIV').style.display="none";
function test () {
temp = document.getElementById('insertDIV').style.display;
if (temp == "") {
document.getElementById('insertDIV').style.display="none";
}
else {
document.getElementById('insertDIV').style.display="";
}

}
</script>
</head>
<body>
<table>
<tr>
<td> 1 </td> <!-- vehicleTypeID -->
    <td> 2 </td> <!-- brand -->
    <td> 3 </td> <!-- vehicleType -->
    <td> 4 </td> <!-- engine -->
    <td> 5 </td> <!-- gearbox -->
    <td> 6 </td> <!-- vehicleLevel -->
    <td> 7 </td> <!-- guidePrice -->
    <td> 8 </td> <!-- picture -->
</tr>
</table>
11222211<br>
11122221<br>
1111<br>
1111<br>
1111<br>
1111<br>
1111<br>
1111<br>
1111<br>
1111<br>
1111<br>
1111<br>
1111<br>
1111<br>
1111<br>
1111<br>
1111<br>
1111<br>
1111<br>
1111<br>
1111<br>
1111<br>
1111<br>
1111<br>
1111<br>
1111<br>
1111<br>
1111<br>
1111<br>
1111<br>
1111<br>
1111<br>
1111<br>
1111<br>
1111<br>
1111<br>
1111<br>
1111<br>
1111<br>
1111<br>
1111<br>
1111<br>
1111<br>
1111<br>
1111<br>
1111<br>
1111<br>
1111<br>


<div id="insertDIV" style="background:#FFFF99;color:#000;display:none;position:fixed; left:20px; top:80px; width:1300px; height:200px; border:black solid 1px">
<table>
<tr>
<td> 1 </td> <!-- vehicleTypeID -->
    <td> 2 </td> <!-- brand -->
    <td> 3 </td> <!-- vehicleType -->
    <td> 4 </td> <!-- engine -->
    <td> 5 </td> <!-- gearbox -->
    <td> 6 </td> <!-- vehicleLevel -->
    <td> 7 </td> <!-- guidePrice -->
    <td> 8 </td> <!-- picture -->
</tr>
<tr>
<form id="insertForm"name="insertForm" action="servCarIns" method="post">

<td><input id="vehicleTypeID" name="vehicleTypeID"type="text"class="input"value=""></td>
<td><input id="brand" name="brand"type="text"class="input"value=""></td>
<td><input id="vehicleType" name="vehicleType"type="text"class="input"value=""></td>
<td><input id="engine" name="engine"type="text"class="input"value=""></td>
<td><input id="gearbox" name="gearbox"type="text"class="input"value=""></td>
<td><input id="vehicleLevel" name="vehicleLevel"type="text"class="input"value=""></td>
<td><input id="guidePrice" name="guidePrice"type="text"class="input"value=""></td>
<td><img src="http://localhost:8080/carSale/1.png" width="120" height="90"/></td>
   
<td><input id="insertButton" name="insertButton" type="button" value="add" onclick="InsertVehicleType()" ></td>

</form>
</tr>
</table>
</div>


<aside style="position:fixed;right:0;top:0;border:1px solid red;">
<button type="button" onClick="test()" >ADD!</button> 
</aside>

</body>
</html>


上面这个是可以运行的情况~~


2、应用到框架里的两种情况:

(1) 情况一

关键代码:

a. manage_car.jsp

<frameset rows="20%,80%" border="0">


     <frame src="../manage_top.jsp" noresize scrolling="no" name="top"></frame>


     <frameset cols="15%,85%">
         <frame src="../manage_left.jsp" noresize scrolling="no" name="left"></frame>
         <frame src="../admin_car/CarInfo.jsp" noresize scrolling="yes" name="right"></frame>
     </frameset>  


  </frameset><noframes></noframes>

b. manage_left.jsp

<a href="/carSale/backstage/admin_car/manage_car.jsp" target="_top">车辆信息</a>


如上,

(i) 如果把test.html里面的内容先放到CarInfo.jsp里面,执行一次CarInfo.jsp,那么是OK的,说明不是环境配置等的问题~~


(ii) 接下来把CarInfo.jsp原来的再放进去~~登登登登!!!!~~~出现了我想要的结果css执行了!!~~内心狂热~~~


(iii) 后来我刷新了一下(地址没有改变),但是想要的却不见了,又变成原来的css没有被执行的状态~~~orz~~


(2)情况二

关键代码:

a. manage_main.jsp

<frameset rows="20%,80%" border="0">


     <frame src="manage_top.jsp" noresize scrolling="no" name="top"></frame>


     <frameset cols="15%,85%">
         <frame src="manage_left.jsp" noresize scrolling="no" name="left"></frame>
         <frame src="manage_right.jsp" noresize scrolling="auto" name="right"></frame>
     </frameset>  


  </frameset><noframes></noframes>

b. manage_left.jsp

<a href="./admin_car/CarInfo.jsp" target="right">汽车信息管理</a>


如上,在manage_main.jsp中可以看到效果,但在CarInfo.jsp中并不能看到~~


总结一句话:有框架可以执行,无框架不可执行。

因为:

target="_top"这个目标使得文档载入包含这个超链接的窗口,用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。

target="framename"在指定的框架中打开被链接文档


待考究~~~






0 0
原创粉丝点击