文档章节

48 JS-2 history location

恋佳
 恋佳
发布于 2015/07/22 14:06
字数 457
阅读 1
收藏 0

1•历史对象: 用以存储客户端最近访问的网址清单。

格式:

•history.属性 history.方法(参数)


<a href="js9.jsp">单击</a>

<a href="#" onclick="history.back();return false;">返回</a>
注:一定要有return false

2位置对象: 用来代表特定窗口的URL信息。

格式:
•location.属性 location.方法(参数)


示例 倒计时进入新的网页

var second = 5;
	function countDown()
	{
		if (second > 0)
		{
			document.getElementById("second").innerHTML = second--;

		} else

		{
			location.href = "http://www.baidu.com";
			clearInterval(timer);
		}

	}

	function pageload()
	{
		var timer = setInterval("countDown();", 1000);

	}

<body onload="pageload();">
	<font color="red" id="second">5</font>秒后进入新的页面

</body>

3 focus移动焦点

function movenext(object,index)
	{
		if (object.value.length==3)
		{
			document.forms[0].elements[index+1].focus();
		}
	}
	
	function show()
	{
			var result="";
		for(var i=0;i<4;i++)
		{
			result+=	document.forms[0].elements[i].value+".";
		}
	
			alert(result);
		
	}

<body onload="document.forms[0].elements[0].focus();">
  <form >
  <input maxlength="3" size="3" onkeyup="movenext(this,0);">-
   <input maxlength="3" size="3" onkeyup="movenext(this,1);">-
   <input maxlength="3" size="3" onkeyup="movenext(this,2);">-
   <input maxlength="3" size="3" onkeyup="movenext(this,3);">
   <input type="button" value="show" onclick="show();">
  </form>

4 Cookie对象

是一种以文件(Cookie文件)的形式保存在客户端硬盘的Cookies文件夹中的用户数据信息(Cookie数据)。Cookie文件由所访问的Web站点建立,以长久的保存客户端与Web站点间的会话数据,并且该Cookie数据只允许被所访问的Web站点进行读取。

有两种类型的cookie
1) 持久性cookie,会被存储到客户端的硬盘上。
2) 会话(session)Cookie:不会存储到客户端的硬盘上,而是放在浏览器进程所处的内存当中,当浏览器关闭则该会话cookie就销毁了。

Cookie文件的格式:
•NS:Cookie.txt IE:用户名@域名.txt

var today = new Date();
    
    var expireDay = new Date();
    
    var msPerMonth = 24 * 60 * 60 * 1000 * 31;
    
    expireDay.setTime(today.getTime() + msPerMonth);
    
    document.cookie = "name=zhang;expires=" + expireDay.toGMTString();
    
    document.writeln("cookie已经写到硬盘上了");
    
    document.writeln("内容是:" + document.cookie);
    
    document.writeln("有效日期是:");
    
    document.writeln(expireDay.toGMTString());














© 著作权归作者所有

恋佳
粉丝 0
博文 76
码字总数 62107
作品 0
大连
私信 提问
JavaScript函数以及基础写法汇总

今天四夕逛博客,突然看见JavaScript函数以及基础写法汇总,发现很有用,分享给使用JavaScript的朋友们。 1.document.write("");为 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:docu...

oecp
2011/05/11
0
0
JavaScript 学习(2)

参考: http://www.w3cschool.cc/js/js-window.html 四、浏览器 BOM 浏览器对象模型(BOM)使JavaScript有能力与浏览器“对话”。 (1)Window 浏览器对象模型(Browser Object Model),尚无...

明天以后
2014/10/01
0
0
使用JavaScript的history对象来实现页面前进后退(go/back/forward)。

我们都知道JavaScript有history对象,主要是用来记录浏览器窗口的浏览记录。但是,JS脚本是不允许访问到这个记录里面的内容(隐私)。 常见的用法是: history.back();//返回上一页,相当于浏...

zerodeng
2015/02/04
0
0
JavaScript零基础入门——(十四)JavaScript的BOM

JavaScript零基础入门——(十四)JavaScript的BOM 大家好,欢迎回到我们的JavaScript零基础入门。上一节课我们了解了JavaScript的事件,这一节课,我们以JavaScript的BOM,来结束JavaScrip...

JandenMa
2018/07/08
0
0
java 私塾课堂笔记——Javascript

java 私塾课堂笔记——Javascript 1:什么是Javascript JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。 2:Java和Javascript的区别 (1)、基于对象和...

luodis
2011/04/27
486
0

没有更多内容

加载失败,请刷新页面

加载更多

REST接口

文章来源 https://zhuanlan.zhihu.com/p/28674721?group_id=886181549958119424 http://www.ruanyifeng.com/blog/2014/05/restful_api.html REST 对请求的约定 REST 用来规范应用如何在 HTTP......

Airship
昨天
2
0
Spring Cloud Config 统一配置中心

Spring Cloud Config 统一配置中心 一、统一配置中心 统一管理配置 通常,我们会使用配置文件来管理应用的配置。如一个 Spring Boot 的应用,可以将配置信息放在 application.yml 文件中,如...

非摩尔根
昨天
1
0
android ------ AAPT2 error: check logs for details解决方法

AAPT 是全称是 Android Asset Packaging Tool,它是构建 App,甚至是构建 Android 系统都必不可少的一个工具。它的作用是将所有资源文件压缩打包到Android APK 当中。我们在 Android SDK 目录...

切切歆语
昨天
2
0
今天的学习

今天学到了<select></select>标签: <label for="unittype">Select unit type: </label><select id="unittype" name="unittype" autofocus > <option value="1"> Miner </option> ......

墨冥
昨天
2
0
程序员随想-关于分享

最早的时候,文字是贵族这些上层人士才会学习的,底层人士没有资格和渠道去学习,同样用文字、图像等其他载体承载的知识大部分也只有贵族阶层才能享受的。后来有了造纸术、印刷术,成本降低,...

Lubby
昨天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部