代码大致如下供参考：
var image=new Image();imagesrc=//你的背景的src;
var divelement = documentgetElementById(你的div的id);
divelementstyleheight=(imageheightdivelementoffsetWidth)/imagewidth + "px";
几个需要注意的地方是imagesrc=xxx后需要等待直到下载完成。但是如果这个脚本是在你的div已经初始化好之后调用的话，那么已经被下载过了，所以直接进行后面的就好。另外以styleheight来设置高度的话后面需要加单位，比如px
在div中设置一个id,通过jquery获取id,如下
$("#divId")attr("style","background:url('/kc/system/images/toppng') no-repeat;width:100%;height:128px;");
以下函数可以获取url任意参数的值：
function getParams(key){var url = locationsearchreplace(/^\/,'')split('&');
var paramsObj = {};
for(var i = 0, iLen = urllength; i < iLen; i++){
var param = url[i]split('=');
paramsObj[param[0]] = param[1];
}
if(key){
return paramsObj[key] || '';
}
return paramsObj;
}
可选参数key表示获取参数的名称，如果省略该参数，则会返回一个对象，包含所有参数的key和value。
可以使用js的连接符实现动态改变background:url()值。
具体步骤如下：
需要准备的材料分别是：电脑、浏览器、ultraedit。
1、在ue编辑器中新建一个空白的html文件，js文件。
2、在ue编辑器中输入以下html代码。
3、在ue编辑器中输入以下js代码。
4、编辑完成以后，在ue编辑器中点击保存，格式选择UTF8无BOM。
5、在浏览器中打开此html文件，可以看到最终想要实现动态改变background:url()值效果。
<!DOCTYPE html>
<html>
<head>
<title>getHexColor js/jQuery 获得十六进制颜色</title>
<meta charset="utf-8" />
<script type="text/javascript">
function getHexBgColor(){
var str = [];
var rgb = documentgetElementById('color')stylebackgroundColorsplit('(');
for(var k = 0; k < 3; k++){
str[k] = parseInt(rgb[1]split(',')[k])toString(16);
}
str = '#'+str[0]+str[1]+str[2];
documentgetElementById('color')innerHTML = str;
}
function getHexColor(){
var str = [];
var rgb = documentgetElementById('color')stylecolorsplit('(');
for(var k = 0; k < 3; k++){
str[k] = parseInt(rgb[1]split(',')[k])toString(16);
}
str = '#'+str[0]+str[1]+str[2];
documentgetElementById('color')innerHTML = str;
}
</script>
<style type="text/css">
#color{
width: 200px;
height: 200px;
line-height: 200px;
text-align: center;
}
</style>
</head>
<body>
<div style="color: #88ee22; background-color: #ef8989;" id="color"></div>
<input onclick="getHexBgColor();" type="button" value="获得背景色" />
<input onclick="getHexColor();" type="button" value="获得字体颜色" />
</body>
</html>
点击“获得背景色”按钮，会调用getHexBgColor()方法获取css的背景色。
不太明白用JS获取参数的目的，也许Ajax中能用到吧
<script language = javascript>
function request(paras){
var url = locationhref;
var paraString = urlsubstring(urlindexOf("")+1,urllength)split("&");
var paraObj = {}
for (i=0; j=paraString[i]; i++){
paraObj[jsubstring(0,jindexOf("="))toLowerCase()] = jsubstring(jindexOf("=")+1,jlength);
}
var returnValue = paraObj[parastoLowerCase()];
if(typeof(returnValue)=="undefined"){
return "";
}else{
return returnValue;
}
}
//如你给出的地址可以这样
var classid = request("classid");
var id = request("id");
//然后你就可以对这些参数处理了
</script>
var url = locationhref,
re = /\(php|asp)/;
if (retest(url))
{
// 这里做跳转
locationhref = "网址"
}
你试一下
以上就是关于js获取背景图片宽高比后根据浏览器宽度动态赋值div.style.height全部的内容，包括:js获取背景图片宽高比后根据浏览器宽度动态赋值div.style.height、怎么在js当中设置并改变背景图片的位置、js获取url参数值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）