button1 我想你这里是一个input 标签对吧？
如果是的话~ 这就知道为什么错了。
input 标签叫表单元素，所谓表单元素就是说是与 form标签一起使用的，
并且是<form>标签的子元素。
如果你这里结构是这样的：
<body>
<form action="#" id="form1">
<input type="button" id="button1"/>
</form>
</body>
要访问就得documentform1button1
1、js中获取当前屏幕宽度方法如下：
网页可见区域宽： documentbodyclientWidth
网页可见区域高： documentbodyclientHeight
网页可见区域宽： documentbodyoffsetWidth （包括边线的宽）
网页可见区域高： documentbodyoffsetHeight （包括边线的高）
网页正文全文宽： documentbodyscrollWidth
网页正文全文高： documentbodyscrollHeight
网页被卷去的高： documentbodyscrollTop
网页被卷去的左： documentbodyscrollLeft
网页正文部分上： windowscreenTop
网页正文部分左： windowscreenLeft
屏幕分辨率的高： windowscreenheight
屏幕分辨率的宽： windowscreenwidth
屏幕可用工作区高度： windowscreenavailHeight
屏幕可用工作区宽度： windowscreenavailWidth
2、js简介
js，是JavaScript的缩写，是一种直译式脚本语言，一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
avaScript是的源代码在发往客户端运行之前不需经过编译，而是将文本格式的字符代码发送给浏览器由浏览器解释运行。直译语言的弱点是安全性较差，而且在JavaScript中，如果一条运行不了，那么下面的语言也无法运行。
function resets()
{
var controls = documentgetElementsByTagName('input');
for(var i=0; i<controlslength; i++){
if(controls[i]type=='text'){
controls[i]value='';
}
}
}
这个例子是遍历页面所有text并赋空值，你可以根据你的需要稍作修改就可以了。
如果是body不需要勇ID的形式来获取的：
<script type="text/javascript">var s = " ";
documentdocumentElementscrollTop 就是滚动条距离顶部的位置（可变）
documentdocumentElementscrollLef 指滚动条距离左边的位置（可变）
s += "\r\n<br>网页可见区域宽： "+ documentbodyclientWidth;
s += "\r\n<br>网页可见区域高： "+ documentbodyclientHeight;
s += "\r\n<br>网页可见区域宽： "+ documentbodyoffsetWidth + " (包括边线的宽) ";
s += "\r\n<br>网页可见区域高： "+ documentbodyoffsetHeight + " (包括边线的宽) ";
s += "\r\n<br>网页正文全文宽： "+ documentbodyscrollWidth;
s += "\r\n<br>网页正文全文高： "+ documentbodyscrollHeight;
s += "\r\n<br>网页被卷去的高： "+ documentbodyscrollTop;
s += "\r\n<br>网页被卷去的左： "+ documentbodyscrollLeft;
s += "\r\n<br>网页正文部分上： "+ windowscreenTop;
s += "\r\n<br>网页正文部分左： "+ windowscreenLeft;
s += "\r\n<br>屏幕分辨率的高： "+ windowscreenheight;
s += "\r\n<br>屏幕分辨率的宽： "+ windowscreenwidth;
s += "\r\n<br>屏幕可用工作区高度： "+ windowscreenavailHeight+" （去掉状态栏）";
s += "\r\n<br>屏幕可用工作区宽度： "+ windowscreenavailWidth;
//alert(s);
documentwrite(s);
</script>
思路：用getElementsByTagName方法来实现。
片断代码如下：
<html><head>
<script type="text/javascript">
function getElements()
{
var x=documentgetElementsByTagName("input");
alert(xlength);
}
</script>
</head>
<body>
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<br />
<input type="button" onclick="getElements()" value="How many input elements" />
</body>
</html>
效果图如下：
定义和用法
getElementsByTagName() 方法可返回带有指定标签名的对象的集合。
1、拖动后记录x,y值
给div加上mousePosition事件
function mousePosition(evt){
evt = evt || windowevent;
return {
x : evtclientX + documentbodyscrollLeft - documentbodyclientLeft,
y : evtclientY + documentbodyscrollTop - documentbodyclientTop
}
}
2、打开页面div定位
$(“div”)attr("top",y)attr("left",x);
扩展资料
在用js获取元素的位置之前，元素在页面的位置的计算公式，如下：
元素在页面的位置=此元素相对浏览器视窗的位置+浏览器滚动条的值；
用getBoundingClientRect()方法来获得某个元素相对浏览器视窗的位置 ｛这个方法返回的是一个对象，即Object，该对象具有4个属性：top，left，right，bottom ｝。
<html >
<head>
<meta >
<title>Demo</title>
</head>
<body style="width:2000px; height:1000px;">
<div id="demo" style="position:absolute; left:518px; right:100px; width:500px; height:500px;
background:#CC0000; top: 114px;">Demo为了方便就直接用绝对定位的元素</div>
</body>
</html>
<script>
documentgetElementById('demo')onclick=function (){
if (documentdocumentElementgetBoundingClientRect) {
alert("left:"+thisgetBoundingClientRect()left)
alert("top:"+thisgetBoundingClientRect()top)
alert("right:"+thisgetBoundingClientRect()right)
alert("bottom:"+thisgetBoundingClientRect()bottom)
var X= thisgetBoundingClientRect()left+documentdocumentElementscrollLeft;
var Y = thisgetBoundingClientRect()top+documentdocumentElementscrollTop;
alert("Demo的位置是X:"+X+";Y:"+Y)
}
}
</script>
1、js中获取当前屏幕宽度方法如下：
网页可见区域宽： documentbodyclientWidth
网页可见区域高： documentbodyclientHeight
网页可见区域宽： documentbodyoffsetWidth （包括边线的宽）
网页可见区域高： documentbodyoffsetHeight （包括边线的高）
网页正文全文宽： documentbodyscrollWidth
网页正文全文高： documentbodyscrollHeight
网页被卷去的高： documentbodyscrollTop
网页被卷去的左： documentbodyscrollLeft
网页正文部分上： windowscreenTop
网页正文部分左： windowscreenLeft
屏幕分辨率的高： windowscreenheight
屏幕分辨率的宽： windowscreenwidth
屏幕可用工作区高度： windowscreenavailHeight
屏幕可用工作区宽度： windowscreenavailWidth
2、js简介
js，是JavaScript的缩写，是一种直译式脚本语言，一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
avaScript是的源代码在发往客户端运行之前不需经过编译，而是将文本格式的字符代码发送给浏览器由浏览器解释运行。直译语言的弱点是安全性较差，而且在JavaScript中，如果一条运行不了，那么下面的语言也无法运行。
需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：indexhtml，编写问题基础代码。
2、在indexhtml中的<script>标签，输入js代码：$('body')append($('name-price span')eq(0)find('b')text());。
3、浏览器运行indexhtml页面，此时通过jQuery取到了书名“数值分析”并打印了出来。
以上就是关于js中调用body标签全部的内容，包括:js中调用body标签、js中怎么获取当前屏幕宽度、js如何获取body中的全部<input type="text">等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）