一、当文字与图片在一行,需要将文字与图片底对齐,需要这样写:
1
|
< li >记住密码< img src = "" align = "bottom" style = "margin-bottom:-4px" /> li >
|
二、当文字与图片在一行,需要将文字与图片居中对齐,需要这样写:
1
|
< li >记住密码< img src = "static/img/xyx.jpg" align = "middle" /> li >
|
三、更改IE“查看源代码”菜单打开的编辑器
-
打开注册表编辑器,在开始-运行中输入regedit前端UI分享
-
找到以下位置: HKEY_LOCAL_MACHINE”SOFTWARE”Microsoft”Internet Explorer”View SourceEditor”Editor Name”修改默认的数据为”D:”Program Files”EmEditor”EmEditor.exe”
切换到IE中查看源代码就可以看到效果了。
如果View Source Editor”Editor Name项没有,可以自己新建。
四、自动最大化窗口,在 与 之间加入:
1
2
3
4
|
<script
language= "javascript">
setTimeout( 'top.moveTo(0,0)' ,5000);
setTimeout( 'top.resizeTo(screen.availWidth,screen.availHeight)' ,5000);
</script>
|
五、window.opener 实际上就是用window.open打开的窗体的父窗体。
比如在父窗体parentForm里面 通过 window.open(“subForm.html”),那么在subform.html中 window.opener
就代表parentForm,可以通过这种方式设置父窗体的值或者调用js方法。
-
window.opener.test(); —调用父窗体中的test()方法;
-
如果window.opener存在,设置parentForm中stockBox的值。 前端UI分享
1
2
3
4
|
if (window.opener
&& !window.opener.closed)
{
window.opener.document.parentForm.stockBox.value
= symbol;
}
|
六、刷新页面的方法
Javascript刷新页面的方法:
-
history.go(0)
-
location.reload()
-
location=location
-
location.assign(location)
-
document.execCommand(‘Refresh’)
-
window.navigate(location)
-
location.replace(location)
-
document.URL=location.href
自动刷新页面的方法:
-
页面自动刷新:把加入区域中
-
页面自动跳转:把加入区域中 前端UI分享
-
js自动刷新页面:
1
2
3
4
5
6
7
|
<script
language= "JavaScript">
function myrefresh()
{
window.location.reload();
}
setTimeout( 'myrefresh()' ,1000);
</script>
|
JS刷新框架:
a)刷新包含该框架的页面用
1
2
3
|
<script
language=JavaScript>
parent.location.reload();
</script>
|
b)子窗口刷新父窗口
1
2
3
|
<script
language=JavaScript>
self.opener.location.reload();
</script>
|
或
1
|
< a href = "javascript:opener.location.reload()" >刷新 a >
|
c)刷新另一个框架的页面
1
2
3
|
< script language = JavaScript >
parent.另一FrameID.location.reload();
script >
|
七、用过CSS hack应该知道,用下划线命名是一种hack,如使用“_style”这样的命名,可以让IE外的大部分浏览器忽略这个样式的定义,所以使用“_”做为命名时的分隔符是不规范的。在做CSS检查时会出现错误提示。前端UI分享
八、IE条件注释写法
除IE外都可识别
所有的IE可识别
只有IE5.0可以识别
九、CSS HACK 写法
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
.div
{
background :orange;
* background : green !important ;
* background : blue ;
}
.div
{
margin : 10px ;
* margin : 15px ;
_margin : 15px ;
}
#div
{ color : #333 ;
}
*+html
#div { color : #999 ;
}
*
html #div { color : #666 ;
}
|
|