javascript css html
3个span a b c,通过js设置他的固定位置
设置加载和改变大小的时候调用
用的ie9。
页面加载时只能看到样式表的效果,js没效果。
这样影响排版吗??????????????????????????????
难道刚开始看到是一个样子,调整浏览器大小,在换一种样子吗????????
html
a
b
c
css
#a{
background:red;
position:absolute;
display:inline-block;
left: 95%;
}
#b{
background:red;
position:absolute;
display:inline-block;
left:90%;
}
#c{
background:red;
position:absolute;
display:inline-block;
left:85%;
}
js
function login(){
var a= document.getelementbyid(a);
a.style.left = (document.documentelement.clientwidth-40)+px;
var b= document.getelementbyid(b);
b.style.left = (document.documentelement.clientwidth-80)+px;
var c= document.getelementbyid(c);
c.style.left = (document.documentelement.clientwidth-120)+px;
}
window.onload=login;
window.onresize=login;
个人觉得是页面加载时提示是否启用js脚本的问题。
求解决
回复讨论(解决方案) window.onresize最好放到window.onload函数里边。
window.onload=login;
function login(){
var a= document.getelementbyid(a);
a.style.left = (document.documentelement.clientwidth-40)+px;
var b= document.getelementbyid(b);
b.style.left = (document.documentelement.clientwidth-80)+px;
var c= document.getelementbyid(c);
c.style.left = (document.documentelement.clientwidth-120)+px;
window.onresize=login;
}
初步断定,你是不是禁用脚本了
初步断定,你是不是禁用脚本了
这个是正解啊,确实有这东西,我去选项里面设置了,没用
window.onresize最好放到window.onload函数里边。
window.onload=login;
function login(){
var a= document.getelementbyid(a);
a.style.left = (document.documentelement.clientwidth-40)+px;
var b= document.getelementbyid(b);
b.style.left = (document.documentelement.clientwidth-80)+px;
var c= document.getelementbyid(c);
c.style.left = (document.documentelement.clientwidth-120)+px;
window.onresize=login;
}
现在的问题只是初始的时候只有css的效果,并没有login函数的效果。
测试了一遍,写到函数里面不会调用,调用的话也只是加载的时候调用一次
