`
ylz4647
  • 浏览: 49932 次
  • 性别: Icon_minigender_1
  • 来自: 珠海
社区版块
存档分类
最新评论

HTML中对象坐标计算

    博客分类：
  • HTML
HTMLJavaScript工作 
阅读更多 
<html>
	<head>
		<title>TEST</title>
		<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
	</head>
	<body>
		<SCRIPT LANGUAGE="JavaScript">
		var s = "";
		s += "\r\n网页可见区域宽："+ document.body.clientWidth;
		s += "\r\n网页可见区域高："+ document.body.clientHeight;
		s += "\r\n网页可见区域宽："+ document.body.offsetWidth +" (包括边线的宽)";
		s += "\r\n网页可见区域高："+ document.body.offsetHeight +" (包括边线的宽)";
		s += "\r\n网页正文全文宽："+ document.body.scrollWidth;
		s += "\r\n网页正文全文高："+ document.body.scrollHeight;
		s += "\r\n网页被卷去的高："+ document.body.scrollTop;
		s += "\r\n网页被卷去的左："+ document.body.scrollLeft;
		s += "\r\n网页正文部分上："+ window.screenTop;
		s += "\r\n网页正文部分左："+ window.screenLeft;
		s += "\r\n屏幕分辨率的高："+ window.screen.height;
		s += "\r\n屏幕分辨率的宽："+ window.screen.width;
		s += "\r\n屏幕可用工作区高度："+ window.screen.availHeight;
		s += "\r\n屏幕可用工作区宽度："+ window.screen.availWidth;
		alert(s);
		</SCRIPT>
	</body>
</html>

 

 

分享到：
| HTML实现另类写法
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    HTML5 - JS向量坐标计算

    其中，JavaScript作为HTML5的核心组成部分，常常被用于处理动态交互和复杂计算，包括在本案例中的向量坐标计算。向量是物理学和数学中的基本概念，在二维和三维空间中广泛应用于图形学和游戏开发等领域。 在HTML5中...

    基于JAVA 和MATLAB 的线路工程坐标计算程序设计.pdf

    业务逻辑层则在MATLAB中执行实际的坐标计算，将用户输入的数据传递给MATLAB，获取计算结果后返回给控制器。 程序的工作流程如下：用户在浏览器中访问程序，输入所需数据；控制器接收数据并进行预处理，然后调用...

    JavaScript获取对象在页面中位置坐标的方法

    在JavaScript中，获取页面元素的位置坐标是Web开发中常见的需求，这主要涉及到DOM（文档对象模型）的操作。本文将详细讲解如何使用JavaScript的内置属性和方法来获取对象在页面中的位置坐标。 首先，我们需要理解两...

    基于JAVA和MATLAB的线路工程坐标计算程序设计.pdf

    针对这些痛点，本研究提出了一种基于JAVA和MATLAB混合编程技术的线路工程坐标计算程序的设计思路。 MATLAB软件以其强大的数值计算能力和丰富的工具箱在科研领域和工程界中占有一席之地。它不仅具备矩阵计算、符号...

    全国地图城市坐标JS对象

    在实际应用中，这些坐标可以用来定位地图中心、设置标注位置、计算两点间距离等。例如，如果你需要在地图上显示北京市中心的位置，可以使用百度地图API的`center`参数： ```javascript var map = new BMap.Map(...

    微信小程序测量程序计算三角形多边形面积计算坐标正反算

    例如，可以定义函数来接收用户的点击坐标，然后利用这些坐标计算几何图形的面积。 WXML是微信小程序的结构语言，它负责描述页面的结构和内容，类似于HTML。开发者需要在WXML文件中定义视图元素，如按钮、输入框等，...

    javascript获取对象的绝对坐标

    ### JavaScript 获取对象的绝对坐标 #### 知识点概述 在网页开发中，有时我们需要知道一个元素在其父级容器中的绝对位置，即该元素相对于页面左上角的坐标（X轴和Y轴的位置）。这对于实现某些动态效果或者交互功能...

    three.js 3d坐标转平面坐标

    在提供的`index.html`和`js`文件中，可能包含了具体的实现代码，包括创建Three.js场景、相机、光源、对象以及处理鼠标交互和事件等。通过分析这些代码，你可以看到如何将上述理论应用到实际项目中。 总结来说，...

    JS 图片选中区域坐标

    6. **存储和恢复选区**：选区的坐标可以存储在JSON对象中，包括左上角坐标、右下角坐标以及可能的旋转角度。当需要恢复选区时，根据这些信息重新设置选框的位置和大小。 7. **优化性能**：为了避免过度绘制和提高...

    HTML5数学函数公式计算代码.zip

    JavaScript的Math对象提供了这些函数的内置实现，例如Math.sin(x)、Math.cos(x)和Math.tan(x)，可以直接用于计算。 在实际应用中，这个工具可能包含一个输入框让用户输入函数表达式，一个按钮触发计算和绘图，还...

    跟随鼠标移动十字坐标显示,炫酷

    3. **坐标计算**：当`mousemove`事件触发时，我们可以从事件对象中获取鼠标的页面坐标（`event.clientX`和`event.clientY`）。接着，我们需要根据这些坐标更新十字架元素的CSS位置属性（如`left`和`top`），使其始终...

    CAD坐标导excel插件.zip_CAD插件_cad_cad excel_cad坐标提取_提取坐标

    用户可以通过运行这个程序，直接从CAD图纸中选择需要的点或对象，插件会自动计算出这些点的坐标，并将它们整理成易于分析的格式，保存在Excel表格中。 在使用过程中，"注册控件.bat"是一个批处理文件，它的作用是...

    js 鼠标移动对象

    在JavaScript编程中，"js 鼠标移动对象"是一个常见的交互式功能，它涉及到HTML5中的SVG（Scalable Vector Graphics）元素和事件监听。SVG是一种用于在网页上绘制矢量图形的标准，而`&lt;svg&gt;`和`&lt;path&gt;`标签是SVG中重要...

    html学习心得，我感觉很好

    OFFSETLEFT 属性用于获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置。 46. OFFSETPARENT 属性 OFFSETPARENT 属性用于获取定义对象 offsetTop 和 offsetLeft 属性的容器对象的引用。 47. ...

    编译的 HTML 帮助文件 (.chm) DHTML手册

    recalc 重新计算当前文档中的全部动态属性。 releaseCapture 释放当前文档中对象的鼠标捕捉。 setActive 设置对象为当前对象而不将对象置为焦点。 write 在指定窗口的文档中写入一个或多个 HTML 表达式。 ...

    html中select的属性.pdf

    37. offsetLeft：获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置。该属性控制 Select 元素的左边距。 38. offsetParent：获取定义对象 offsetTop 和 offsetLeft 属性的容器对象的引用。该...

    C# VS2010下前后台交互调用百度地图API 实现标注、测距、画轨迹、画圆

    例如，为了标注某个位置，我们需要向API发送包含坐标信息的请求，并将返回的HTML或SVG元素插入到地图控件中。 关于标注，百度地图API提供了添加标记（Marker）的功能。开发者可以指定经纬度坐标，设置标记图标及...

    JQuery获取鼠标坐标

    否则，通过`clientX`和`clientY`结合页面滚动距离来计算鼠标坐标，以确保在没有`pageX`和`pageY`支持的旧版浏览器中也能正常工作。 ### 注意事项 1. **浏览器兼容性**：虽然现代浏览器普遍支持`pageX`和`pageY`，...

    html5手机版桌球台球游戏源码下载.zip

    这需要精确的坐标计算和物理模拟，例如计算击球力度、角度，以及球与球之间的碰撞效果。 还有，Game Loop（游戏循环）是所有游戏的核心部分，HTML5游戏也不例外。游戏循环不断地更新游戏状态，绘制新的帧，并处理...

Magicbox
Global site tag (gtag.js) - Google Analytics