博客列表 >JS-location的相关功能

JS-location的相关功能

梁凯达的博客
梁凯达的博客原创
2019年03月04日 12:54:09890浏览

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<script>
document.write(new Date());
</script>
<body>
	<img src="./1.jpg" alt="" id="img1" width="200">
	<img src="./2.jpg" alt="" id="img2" width="200">
	<p id="p1">所有标签都可以进行跳转操作  再也不用a标签跳转了</p>
</body>
<script>
document.write('获取完成url路径:'+window.location.href+'<br/>');
document.write('获取路径:'+window.location.pathname+'<br/>');
document.write('获取协议:'+window.location.protocol+'<br/>');
document.write('获取主机名:'+window.location.hostname+'<br/>');
var img1 = document.getElementById('img1');
var img2 = document.getElementById('img2');
img1.onclick=function(){
	location = 'http://www.4399.com';
}
img2.onclick=function(){
	//alert(2);
	//location.reload();
}

setInterval(function(){
	//location.reload();
},5000)

var p = document.getElementById('p1');
p.onclick=function(){
	location="http://www.12306.cn";
}
</script>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议