本文目录一览：
- 1、一个JS检测网页窗口的高宽效果
- 2、网页中如何用javascript识别本机是否已进入屏保或待机状态
- 3、如何检测网页是否完全加载完成？包括引入的js和css
- 4、js怎样检测当前页面是否有alert()弹出??
- 5、如何使用js检测页面上一个元素是否已经滚动到了屏幕的可视区域内
- 6、怎么查看网页打开时调用了哪些js？
一个JS检测网页窗口的高宽效果
form action=”#” method=”get” name=”form1″ id=”form1″
!–显示浏览器窗口的实际尺寸–
浏览器窗口 的 实际高度: input type=”text” name=”availHeight” size=”4″/br /
浏览器窗口 的 实际宽度: input type=”text” name=”availWidth” size=”4″/br /
/form
script type=”text/javascript”
!–
var winWidth = 0;
var winHeight = 0;
function findDimensions() //函数：获取尺寸
{
//获取窗口宽度
if (window.innerWidth)
winWidth = window.innerWidth;
else if ((document.body) (document.body.clientWidth))
winWidth = document.body.clientWidth;
//获取窗口高度
if (window.innerHeight)
winHeight = window.innerHeight;
else if ((document.body) (document.body.clientHeight))
winHeight = document.body.clientHeight;
//通过深入Document内部对body进行检测，获取窗口大小
if (document.documentElement document.documentElement.clientHeight document.documentElement.clientWidth)
{
winHeight = document.documentElement.clientHeight;
winWidth = document.documentElement.clientWidth;
}
//结果输出至两个文本框
document.form1.availHeight.value= winHeight;
document.form1.availWidth.value= winWidth;
}
findDimensions();
//调用函数，获取数值
window.onresize=findDimensions;
//–
function set_wh(){
document.getElementById(‘my_tb’).width=document.form1.availHeight.value;
document.getElementById(‘my_tb’).height=document.form1.availWidth.value;
}
/script
table border=”1″ cellpadding=”0″ cellspacing=”0″ id=”my_tb”
trtd11/td/tr
/table
input type=”button” value=”设置表格的宽和高” onclick=”set_wh()”
网页中如何用javascript识别本机是否已进入屏保或待机状态
不可能，js无法检测本地状态，但可以检测当前窗口是否失去焦点
如何检测网页是否完全加载完成？包括引入的js和css
按F12 比如Chrome浏览器 点击network，如果网页全部加载完成会显示 调试框的最下面会显示DOMContentLoaded 12s. 后面跟多少秒。是加载整个网页使用的时间。
js怎样检测当前页面是否有alert()弹出??
要检测alert，只能修改window.alert。
参考修改方法如下：
script
var flag=true;//定义状态标志
var alertFun=window.alert;
window.alert=function(str)
{
flag=false;
alertFun(str);
};
document.write(flag);//alert之前
alert(“我现在alert”);
document.write(flag);//alert之后
/script
将标志位设为数字的时候，可以统计alert的次数
如何使用js检测页面上一个元素是否已经滚动到了屏幕的可视区域内
var top = obj.getBoundingClientRect().top //元素顶端到可见区域顶端的距离
var se = document.documentElement.clientHeight //浏览器可见区域高度。
if(top = se ) {
//code
}
怎么查看网页打开时调用了哪些js？
需要准备的材料分别有：电脑、chrome浏览器。
1、首先，chrome浏览器，以zhidao.baidu.com为例，进入网页。
2、键盘按F12，显示出开发者工具面板，点击“Network”的“JS”选项。
3、刷新页面，此时会列出所有调用的js文件。
原创文章，作者：BARM，如若转载，请注明出处：https://www.506064.com/n/135371.html
微信扫一扫 
支付宝扫一扫 