⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 17.10 记录滚动条位置.htm

📁 一些javascript的小例子希望对初学者有更好的帮助
💻 HTM
字号:
🔍 
<HTML>
<HEAD>
<TITLE> 记录滚动条位置 </TITLE>
<script language="javascript">
	function SetCookie(sName, sValue)
	{
		date = new Date();
		s = date.getDate();
		date.setDate(s+1);			//设置cookie的有效期
		document.cookie = sName + "=" + escape(sValue) + "; expires=" + date.toGMTString();//创建cookie
	}
	function GetCookie(sName)
	{
		var aCookie = document.cookie.split("; "); //将cookie中的数据切割成数组，方便遍历
		for (var i=0; i < aCookie.length; i++)      //遍历cookie中的数据
		{
		var aCrumb = aCookie[i].split("=");         //将键和值分开
		if (sName == aCrumb[0]) {                   //判断是否是指定的键
			return unescape(aCrumb[1]);}            //返回键对应的值
		}
		return null;
	}
	function winLoad()
	{
		document.body.scrollLeft = GetCookie("scrollLeft");//获取水平滚动条位置
		document.body.scrollTop = GetCookie("scrollTop");  //获取垂直滚动条位置
	}
	function winUnload()
	{
		SetCookie("scrollLeft", document.body.scrollLeft)  //保存水平滚动条位置
		SetCookie("scrollTop", document.body.scrollTop)    //保存垂直滚动条位置
	}
	window.onload = winLoad;                               //加载页面时自动执行获取cookie保存值的方法
	window.onunload = winUnload;                           //关闭页面时自动执行保存cookie的方法
</script>
</HEAD>
<BODY>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
测试行，主要为了出线滚动条<p></p>
</BODY>
</HTML>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -