人人做人人澡人人爽欧美,国产主播一区二区,久久久精品五月天,羞羞视频在线观看免费

當(dāng)前位置:蘿卜系統(tǒng)下載站 > 技術(shù)開發(fā)教程 > 詳細(xì)頁面

如何運(yùn)用JS代碼取得控件的絕對位置

如何運(yùn)用JS代碼取得控件的絕對位置

更新時間:2023-06-22 文章作者:未知 信息來源:網(wǎng)絡(luò) 閱讀次數(shù):

編程(Programming)是編定程序的中文簡稱,就是讓計算機(jī)代碼解決某個問題,對某個計算體系規(guī)定一定的運(yùn)算方式,使計算體系按照該計算方式運(yùn)行,并最終得到相應(yīng)結(jié)果的過程。為了使計算機(jī)能夠理解(understand)人的意圖,人類就必須將需解決的問題的思路、方法和手段通過計算機(jī)能夠理解的形式告訴計算機(jī),使得計算機(jī)能夠根據(jù)人的指令一步一步去工作,完成某種特定的任務(wù)。這種人和計算體系之間交流的過程就是編程。

【實例名稱】

如何利用JS代碼取得控件的絕對位置

【實例描述】

頁面在布局時一般需要相對位置和絕對位置,本例學(xué)習(xí)如何獲取控件的絕對位置。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>標(biāo)題頁</title>
    <script language="javascript">
    function getAddress(e)
    {
       var t=e.offsetTop;
       var l=e.offsetLeft;
       while(e=e.offsetParent)
       {
          t+=e.offsetTop;  //獲取X坐標(biāo)
          l+=e.offsetLeft; //獲取Y坐標(biāo)
       }
       alert("x坐標(biāo)="+t+"   y坐標(biāo)為="+l);
    }
    </script>
</head>
<body>
<input id="Button1" type="button" value="坐標(biāo)" onclick="getAddress(this)" />
</body>
</html>

【運(yùn)行效果】

控件坐標(biāo)位置

【難點剖析】

本例的重點有兩個:如何將當(dāng)前元素作為參數(shù)傳遞;如何獲取絕對的。(x,y)坐標(biāo)。傳遞當(dāng)前控件使用“this”,獲取絕對x坐標(biāo)使用“offsetTop”屬性,Y坐標(biāo)使用“offsetLeft”屬性。

【源碼下載】

本實例JS代碼下載


使用編程語言寫的程序,由于每條指令都對應(yīng)計算機(jī)一個特定的基本動作,所以程序占用內(nèi)存少、執(zhí)行效率高。

溫馨提示:喜歡本站的話,請收藏一下本站!

本類教程下載

系統(tǒng)下載排行

網(wǎng)站地圖xml | 網(wǎng)站地圖html
主站蜘蛛池模板: 任丘市| 建平县| 吴旗县| 游戏| 固安县| 德昌县| 靖宇县| 江阴市| 邓州市| 开化县| 依安县| 健康| 南投市| 新巴尔虎右旗| 望奎县| 卢龙县| 安仁县| 海宁市| 库尔勒市| 苏尼特右旗| 本溪市| 三明市| 贺兰县| 北宁市| 郎溪县| 兴山县| 高雄县| 尼玛县| 密云县| 平凉市| 锡林郭勒盟| 巴彦淖尔市| 黔东| 正蓝旗| 安国市| 左贡县| 锦州市| 镇雄县| 秭归县| 固阳县| 西和县|