层的位置问题_html/css_WEB-ITnose
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函数的效果。
测试了一遍,写到函数里面不会调用,调用的话也只是加载的时候调用一次
推荐阅读
-
Bootstrap栅格布局系统的特点_html/css_WEB-ITnose
-
CSS的opacity属性_html/css_WEB-ITnose
-
一款纯css3实现的颜色渐变按钮_html/css_WEB-ITnose
-
详谈iOS 位置权限弹出框闪现的问题
-
python抓取并保存html页面时乱码问题的解决方法
-
HTML5的Geolocation地理位置定位API使用教程
-
关于PHP中Session文件过多的问题及session文件保存位置
-
Android7.0上某些PopuWindow出现显示位置不正确问题的解决方法
-
关于HTML5的安全问题开发人员需要牢记的
-
html5在android中的使用问题及技巧解读