JavaScript-14（操纵属性和window）

Posted 张锐0328

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript-14（操纵属性和window）相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>用JS操纵属性和window</title>
		<style type="text/css">
			.tiaozhuan{
				width: 50px;
				height: 20px;
				border-radius: 5px;
				background-color: orange;
				color: white;
				text-align: center;
				line-height: 20px;
				margin-top: 12px;
			}
		</style>
	</head>
	<body>
		<!--创造一个图片，然后用js实现点击它更换引用路径-->
		<img src="../img/fengjing.jpg" width="300px"height="170px" onclick="ghlj()"/>
		<!--点击下面的跳转，通过函数运用window.location.href命令将窗口跳转到指定路径-->
		<div class="tiaozhuan" onclick="tiaozhuan1()">
			跳转
		</div>
		<!--点击下面的刷新，通过函数运用window.location.reload()命令将窗口刷新-->
		<div class="tiaozhuan" onclick="shuaxin()">
			刷新
		</div>
		<!--点击下面的向后翻页，通过函数运用window.history.go(1)命令将窗口向后翻，如果将()中改为-1，则向前翻页-->
		<div class="tiaozhuan" onclick="xh()">
			向后翻页
		</div>
		
	</body>
</html>

<script type="text/javascript">
	//用tupian这个变量接收img标签的集合
	var tupian = document.getElementsByTagName("img");
	//运用getAttribute获得这个图片的src属性值；运用setattribute命令把这个图片的“src”属性设为想要改变的图片路径
	function ghlj(){
		alert(tupian[0].getAttribute("src"));
		tupian[0].setAttribute("src","../img/aiji.jpg");
	}
	function tiaozhuan1(){
		window.location.href = "../0328/HTMLjiaocheng.html";
	}
	function shuaxin(){
		window.location.reload();
	}
	function xh(){
		window.history.go(1);
	}
</script>

　　

以上是关于JavaScript-14（操纵属性和window）的主要内容，如果未能解决你的问题，请参考以下文章

如何以非弃用方式访问 Windows 上的操纵杆？

试图操纵 UISlider 的 userInteractionEnabled 属性：不工作

安卓9在windows运行命令中操纵数据库

如何在 Windows 10 中自定义游戏手柄控制器操纵杆输出灵敏度

如何在 Windows 中禁用游戏手柄/操纵杆上的按钮/轴？

JS——DOM操作（操纵元素属性getAttributesetAttribute...）