现在的位置: 首页 > 综合 > 正文

关于css/js/jsp

2017年11月08日 ⁄ 综合 ⁄ 共 1809字 ⁄ 字号 评论关闭

这几天重构网站代码,遇到了一些问题,可是还木有解决都,先在这记录一下吧。

其一,关于iframe和jsp:include,最先开始的时候为了方便,网站整体全部套的iframe,因为我水平很低嘛,连入门也许都算不上,虽然写网站也有差不多两年时间了,唉。言归正传,上次去腾讯面试,我说我网站用的是iframe,面试官说怎么不用jsp的include 。

虽然我写网站用的是jsp+servlet,但是真心jsp那些指令我一个都不会,只会最简单的<%%>。这次我决定用jsp include重构网站,第一批的一级菜单用include很方便,也很顺利,可是到了二级菜单的时候,出现了一样的问题。我的网站布局是上 中(中左,中右) 下,head部分有nav,中左部分也有nav,而我想中左部分点击链接,在中右部分显示,可是这次不能再用include了,上网查了要用ajax或者js ,可是我都不会啊,而且我觉得会更麻烦,我没有办法,再次选择了iframe.

上面所说的就是问题一,不知道大网站都是怎么布局用的什么思路。。唉。。

其二,关于div居中的问题,除了ie ,别的都能用 width:xxpx ; margin:xxpx auto;来实现 ,ie我用的是上面的,再加上text-align:center;

但是如果用了text-align:center,这个带来的影响可不是一点点,整个大div里的文字排列都变成了center。。。我css 选择符 不会用,最近才开始看,实践少,后来我写了两个css,一个给非ie,一个给ie,用了

 <!--[if !IE]>
<link rel="stylesheet" type="text/css" href="css/middle.css"> 
<![endif]--> -->

<!--[if !IE]>
<link rel="stylesheet" type="text/css" href="css/base.css"> 

<![endif]-->

本来用的感觉好像有用,可是如果一个那个里面写了两条link的话,好像又只能识别一个,如果分成两个写呢,好像也只识别一个,好混乱的感觉,反正我现在还不会用。。

其三,还是关于选择符的事,我的html背景图一张,然后写在了base.css里,而iframe的html body 的背景我需要设为 background-color:transparent;透明效果,可是我不知道要怎么用css写,因为我不想在每个iframe包含的jsp里加上那么一句,我想通过css选择符实现,不知道怎么写。。。我在iframe包含的jsp的body加了class 然后 class.body{background-color:transparent;}这样也没有用。。

其四,关于js的问题,有链接自然要做一个 判断当前链接 currentLink,然后特别显示 。。这个是大蘑菇给我写的。。但是网站重构之后,一半是jsp的include,一半是iframe。中左部分的导航链接能运行 link.js文件 显示正常 将当前link 特别显示,可是 head部分的nav链接 点击完以后,有一瞬间 变成正常的样子,然后网页由于 用的不是iframe了,用的跳转,就跳转到另的页面去了,当然curLink就没有了。。。

那现在要怎么显示curLink呢。。我js太差了。。不知道怎么搞。。

其四,js问题,中左部分的导航链接是能正确显示 curLink ,可是其中有一个链接,它有个onclick事件,叫做combo(),点这个链接,会使另一个div 隐藏或者显示 。。

现在,因为在二级菜单 界面 ,include了top.jsp进来,结果 本页面的js代码就不执行了.....不知道要肿么办啊!!!!!!

其五,还有调试过程中,明明代码已经变了,ie还显示 不对的效果,不知道咋回事,清了缓存也没有用。。

还有,有个iframe页面,background-color都已经设为transparent了,它还显示白色背景,别的页面都正常,真闹心,不知道咋回事啊!!!

上面这些问题,,我什么时候知道怎么做了,就把解决方法写上。。唉。。

最后推荐一本书,编写高质量代码:web前端修炼之道。很想买一本,现在看的是图书馆借的,书49一本,囊中羞涩。。

最后再说一句,感觉js很难啊!尤其是我这种想不到什么需求,且想到了也做不出来的人。。譬如最简单的curLink我也没有什么思路。。

抱歉!评论已关闭.