js獲取瀏覽器地址欄參數,js獲取窗口參數

 2023-12-25 阅读 28 评论 0

摘要:window.nscrll=function getScrollTop(){console.log(scrollTop)if(document.documentElement&&document.documentElement.scrollTop){scrollTop=document.documentElement.scrollTop;}else if(document.body){scrollTop=document.body.scrollTop;}conso
    window.οnscrοll=function getScrollTop(){console.log(scrollTop)if(document.documentElement&&document.documentElement.scrollTop){scrollTop=document.documentElement.scrollTop;}else if(document.body){scrollTop=document.body.scrollTop;}console.log(scrollTop)return scrollTop;}

上圖是兼容主要游覽器的獲取滾動條實時高度的,

 
function getWindow () {
if(typeof window.innerWidth !='undefined') {
return{
width : window.innerWidth,
height : window.innerHeight
}
} else{
return {
width : document.documentElement.clientWidth,
height : document.documentElement.clientHeight
}
}
};
window.οnresize=function () {
console.log(getWindow ().width,getWindow ().height)

}
 

上圖是簡單的獲取窗口可視寬高

    function mousePosition(ev){if(ev.pageX || ev.pageY){return {x:ev.pageX, y:ev.pageY};}return {x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,y:ev.clientY + document.body.scrollTop - document.body.clientTop};}function mouseMove(ev){ev = ev || window.event;var mousePos = mousePosition(ev);document.getElementById('xxx').value = mousePos.x;document.getElementById('yyy').value = mousePos.y;}document.onmousemove = mouseMove;
</script>
X:<input id="xxx" type="text" /> Y:<input id="yyy" type="text" />

上圖是獲取坐標的函數

js獲取瀏覽器地址欄參數?轉載于:https://www.cnblogs.com/yuanzhiguo/p/7270371.html

版权声明:本站所有资料均为网友推荐收集整理而来,仅供学习和研究交流使用。

原文链接:https://hbdhgg.com/5/195010.html

发表评论:

本站为非赢利网站,部分文章来源或改编自互联网及其他公众平台,主要目的在于分享信息,版权归原作者所有,内容仅供读者参考,如有侵权请联系我们删除!

Copyright © 2022 匯編語言學習筆記 Inc. 保留所有权利。

底部版权信息