<script type="text/javascript">
//jquery获取ID为abc的元素的宽度
alert($("#abc")width());
//js获取ID为abc的元素的宽度
alert(parseInt(documentgetElementById('abc')stylewidth));
</script>
js通过html对象的style属性获取元素属性
获取到的值是包含单位(px像素)的
将获取到的值转化成整数就可去掉单位
parseInt() 函数可解析一个字符串,并返回一个整数
语法
parseInt(string, radix)
参数 描述
string 必需。要被解析的字符串。
radix 可选。表示要解析的数字的基数。该值介于 2 ~ 36 之间。
如果省略该参数或其值为 0,则数字将以 10 为基础来解析。
如果它以“0x” 或 “0X” 开头,将以 16 为基数。
如果该参数小于 2 或者大于 36,则 parseInt() 将返回 NaN。
返回值
返回解析后的数字。
获取浏览器窗口大小,jQuery的写法是这样:
宽
$(window)width()
高
$(window)height()
等比例地定位div,可以设置div样式
例如:position:absolute;top:10%;left:20%;width:40%;height:50%
css不行的,如果用css表达式可以取到页面宽度和高度,但不兼容非ie浏览器。这个还是应该用js取:
documentdocumentElementclientWidth:取得浏览器页面可视区域的宽度documentdocumentElementclientHeight:取得浏览器页面可视区域的高度
screenwidth:取得屏幕宽度
screenheight:取得屏幕高度
screenavailWidth:取得除任务栏外的屏幕宽度
screenavailHeight取得除任务栏外的屏幕高度
级联样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
CSS目前最新版本为CSS3,是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力,简化或者优化写法,针对各类人群,有较强的易读性。
你可以用documentbodyscrollWidth
来获取,但兼容性本人没有做过测试。 给你个参考:网页可见区域宽:documentbodyclientWidth
网页可见区域高:documentbodyclientHeight
网页可见区域宽:documentbodyoffsetWidth(包括边线的宽)
网页可见区域高:documentbodyoffsetHeight(包括边线的宽)
网页正文全文宽:documentbodyscrollWidth
网页正文全文高:documentbodyscrollHeight
网页被卷去的高:documentbodyscrollTop(IE7无效)
网页被卷去的左:documentbodyscrollLeft(IE7无效)网页被卷去的高:documentdocumentElementscrollTop(IE7有效)网页被卷去的左:documentdocumentElementscrollLeft(IE7有效)
网页正文部分上:windowscreenTop
网页正文部分左:windowscreenLeft
屏幕分辨率的高:windowscreenheight
屏幕分辨率的宽:windowscreenwidth
屏幕可用工作区高度:windowscreenavailHeight
屏幕可用工作区宽度:windowscreenavailWidth
相对于窗口左上角的X:windoweventclientX相对于窗口左上角的Y:windoweventclientY
相对于整个页面的X:windoweventX
相对于整个页面的Y:windoweventY
IE中:
documentbodyclientWidth ==> BODY对象宽度
documentbodyclientHeight ==> BODY对象高度
documentdocumentElementclientWidth ==> 可见区域宽度
documentdocumentElementclientHeight ==> 可见区域高度
FireFox中:
documentbodyclientWidth ==> BODY对象宽度
documentbodyclientHeight ==> BODY对象高度
documentdocumentElementclientWidth ==> 可见区域宽度
documentdocumentElementclientHeight ==> 可见区域高度
Opera中:
documentbodyclientWidth ==> 可见区域宽度
documentbodyclientHeight ==> 可见区域高度
documentdocumentElementclientWidth ==> 页面对象宽度(即BODY对象宽度加上Margin宽)
documentdocumentElementclientHeight ==> 页面对象高度(即BODY对象高度加上Margin高)
没有定义W3C的标准,则
IE为:
documentdocumentElementclientWidth ==> 0
documentdocumentElementclientHeight ==> 0
FireFox为:
documentdocumentElementclientWidth ==> 页面对象宽度(即BODY对象宽度加上Margin宽)
documentdocumentElementclientHeight ==> 页面对象高度(即BODY对象高度加上Margin高)
Opera为:
documentdocumentElementclientWidth ==> 页面对象宽度(即BODY对象宽度加上Margin宽)
documentdocumentElementclientHeight ==> 页面对象高度(即BODY对象高度加上Margin高)
网页可见区域宽: documentbodyclientWidth
网页可见区域高: documentbodyclientHeight
网页可见区域宽: documentbodyoffsetWidth (包括边线的宽)
网页可见区域高: documentbodyoffsetHeight (包括边线的高)
网页正文全文宽: documentbodyscrollWidth
网页正文全文高: documentbodyscrollHeight
网页被卷去的高: documentbodyscrollTop
网页被卷去的左: documentbodyscrollLeft
网页正文部分上: windowscreenTop
网页正文部分左: windowscreenLeft
屏幕分辨率的高: windowscreenheight
屏幕分辨率的宽: windowscreenwidth
屏幕可用工作区高度: windowscreenavailHeight
屏幕可用工作区宽度: windowscreenavailWidth
HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
eventclientX 相对文档的水平座标
eventclientY 相对文档的垂直座标
eventoffsetX 相对容器的水平坐标
eventoffsetY 相对容器的垂直坐标
documentdocumentElementscrollTop 垂直方向滚动的值
eventclientX+documentdocumentElementscrollTop 相对文档的水平座标+垂直方向滚动的量
示例:
var winWidth = 0;var winHeight = 0;
function findDimensions() //函数:获取尺寸
{
//获取窗口宽度
if (windowinnerWidth)
winWidth = windowinnerWidth;
else if ((documentbody) && (documentbodyclientWidth))
winWidth = documentbodyclientWidth;
//获取窗口高度
if (windowinnerHeight)
winHeight = windowinnerHeight;
else if ((documentbody) && (documentbodyclientHeight))
winHeight = documentbodyclientHeight;
//通过深入Document内部对body进行检测,获取窗口大小
if (documentdocumentElement && documentdocumentElementclientHeight && documentdocumentElementclientWidth)
{
winHeight = documentdocumentElementclientHeight;
winWidth = documentdocumentElementclientWidth;
}
//结果输出至两个文本框
documentform1availHeightvalue= winHeight;
documentform1availWidthvalue= winWidth;
}
findDimensions();
//调用函数,获取数值
windowonresize=findDimensions;
js 怎样获取字型的宽度和高度 比如9pt这样大小的文字
字型的高宽,这个没法量的,因为好多字型,不同字元下大小不一样,比如 a 就是比 i 宽。
我猜你的问题应该是应该是获取一个具有特定字型,字号的字串的宽度和高度吧。
你可以新建一个span标签,隐藏标签,把你的字串放进去,赋上你想要的字型,字号。然后度量这个span的宽度和宽度就好了。这个span的宽高就是字串的宽高。
JS根据字号获取字型的宽度给元素然后取他的clientHeight就OK了
Java怎么获取字串的宽度和高度, java 能获取到文字所使用某种字型后的宽度及高度吗字串没有高和宽的概念,这是一个伪命题,请考虑重新修改问题;
如果你值的是在ui上显示字串的控制元件的高和宽,那么需要获取到这个控制元件的例项,然后呼叫控制元件的响应函式,比如getHeight之列的方法来获取你想要的资讯。
8开大小的纸的宽度和高度宽是555厘米/高是37厘米。绝对正确
190A喷码机怎样调字型的宽度,高度是金诺的190A吧,调字型的大小只要用滑鼠选中所要调节的字,再根据需要调节字型的大小即可,主要是要用滑鼠选好字了
火狐书签栏怎样改变宽度,高度以及字型的大小
不可以直接调节宽度,但可以把其他栏关闭来增加其宽度,
1、开启浏览器,
2、右键标签栏空白处,
3、出现以下选项,并把外挂栏和其他与其同一行的栏去勾选即可。
怎样获取UIWebView 的文字的高度#import"ViewControllerh"
@interfaceViewController()
@property(nonatomic,strong)UIWebViewwebView;
@end
@implementationViewController
- (void)viewDidLoad {
[superviewDidLoad];
_webView= [[UIWebViewalloc]initWithFrame:CGRectMake(0,0,selfviewframesizewidth,1)]; 1随便多少,不能为0
_webViewdelegate=self;
[selfviewaddSubview:_webView];
_webViewscalesPageToFit=YES;
NSURLRequestrequest =[NSURLRequestrequestWithURL:[NSURLURLWithString:@":1921681123:3199/5/Html5Article/ArticleDetailaid=7e15de0a-20be-11e6-a7ad-78e3b5a9d432"]];
[_webViewloadRequest:request];
}
- (void)webViewDidFinishLoad:(UIWebView)webView{
CGFloatsizeHeight = [[webViewstringByEvaluatingJavaScriptFromString:@"documentbodyoffsetHeight;"]floatValue];
NSLog(@"contentWebView sizeHeight====%f",sizeHeight 05); 05自认为是画素的问题
1039pt=多少大小的字型1pt=03514(美国,日本)
1pt=03528(美国)
103903514=365
3654=146Q
15Q就可以了
textview中每个文字的高度和宽度,有办法获取吗webviewgetContentHeight(); 获取内容高度 获取内容宽度的话。。除非通过js伺服器那边返回,,
以上就是关于js 怎样获取div的宽度,只要值,不要px全部的内容,包括:js 怎样获取div的宽度,只要值,不要px、js怎么获取整个浏览器页面宽度、分数加满!如何通过js获取屏幕宽度,然后传递给css等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)