我打个比喻说明一下我的问题:比如我在局域网打开连接http://ys/cjinout/Main.aspx(ys为局域网内计算机名)可以正常使用浏览,点击主页面中连接到其他页面也没有问题,
然后我把ys这台计算机的IP重新改了一下。继续操作原来的页面,点击其他页面的时候,没办法访问了。到这里应该也是正常的,问题就是,现在已经没办法正常访问了,有没有办法判断到呢?
整个过程都是不能关闭后重启主页面的连接。
然后我把ys这台计算机的IP重新改了一下。继续操作原来的页面,点击其他页面的时候,没办法访问了。到这里应该也是正常的,问题就是,现在已经没办法正常访问了,有没有办法判断到呢?
整个过程都是不能关闭后重启主页面的连接。
还有LZ可以用AJAX方法发送页面请求看返回的状态就好判断了
var chkOnline = (function(){
function creatXHR(){
if (window.ActiveXObject) return new window.ActiveXObject('Microsoft.XMLHTTP');
else if (window.XMLHttpRequest) return new window.XMLHttpRequest();
else return null;
}
return function(elem){
var xhr = creatXHR();
xhr.open('GET', elem.href);
xhr.onreadystatechange = function(){
if (xhr.readyState == 4) {
if (xhr.status == 200) {
window.location.href = elem.href;
} else {
alert('Server can not connected!');
}
}
}
xhr.send(null);
return false;
}
})();
为每个连接都都添加onclick事件<a href="inner.html" onclick="return chkOnline(this);">试试</a>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript">
var chkOnline = (function(){
function creatXHR(){
if (window.ActiveXObject) return new window.ActiveXObject('Microsoft.XMLHTTP');
else if (window.XMLHttpRequest) return new window.XMLHttpRequest();
else return null;
}
return function(elem){
var xhr = creatXHR();
xhr.open('GET', elem.href);
xhr.onreadystatechange = function(){
if (xhr.readyState == 4) {
if (xhr.status == 200) {
window.location.href = elem.href;
} else {
alert('Server can not connected!');
}
}
}
xhr.send(null);
return false;
}
})();
function addEvent(elem, type, hdl){
if (elem.addEventListener) {
elem.addEventListener(type, hdl, false);
} else if (elem.attachEvent) {
elem.attachEvent("on" + type, hdl);
} else {
elem["on" + type] = hdl;
}
}
function check(){
for (var i = 0; i < document.links.length; i++) {
addEvent(document.links[i], "click", function(e){
e = e || window.event;
chkOnline(e.srcElement || e.target);
if (e.preventDefault) e.preventDefault();
else e.returnValue = false;
});
}
}
addEvent(window, 'load', check);
</script>
</head>
<body>
<a href="test1.html">试试1</a><br />
<a href="test2.html">试试2</a><br />
<a href="test3.html">试试3</a><br />
<a href="test4.html">试试4</a><br />
</body>
</html>