Head first javascript(三)

setTimeout, 单位是毫秒

setTimeout ( time code, timer delay );

eg:

setTimeout("alert(‘wake up!‘)", 100000);

The document object表示网页代码本身

修改用户窗口(不是整个浏览器)的大小,可以用body.clientWidth, body.clientHeight,这样可以适应不同窗口的大小,如果要动态根据当前窗口的大小来改变大小,可以用onresize触发。

function resize(){
    ...
}
...
<body onload = "resize();" onresize = "resize();">

javascript在关闭浏览器的时候会把所有的变量都清除,所以每次重开网页都会重新运行整个脚本。如果需要一些变量可以记录下来重复使用,可以在关闭网页时使用cookie把变量记录下来下一次使用

cookie

name = Jack
Expires 11/11/2014

cookie使用的使用都要声明它的Expires结束时间,到了结束时间就会自动删除,如果没有声明结束时间则视为跟普通变量一样,在关闭浏览器的时候清除。cookies之间用;分隔。 cookie的使用函数示例:

function writeCookie(name, value, days) {
	// By default, there is no expiration so the cookie is temporary
	var expires = "";

	// Specifying a number of days makes the cookie persistent
	if (days) {
		var date = new Date();
		date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
		expires = "; expires=" + date.toGMTString();
	}

	// Set the cookie to the name, value, and expiration date
	document.cookie = name + "=" + value + expires + "; path=/";
}

function readCookie(name) {
	// Find the specified cookie and return its value
	var searchName = name + "=";
	var cookies = document.cookie.split(‘;‘);
	for (var i = 0; i < cookies.length; i++) {
		var c = cookies[i];
		while (c.charAt(0) == ‘ ‘) //去除开头多余的空格
			c = c.substring(1, c.length);
		if (c.indexOf(searchName) == 0)
			return c.substring(searchName.length, c.length);
	}
	return null; //找不到结果返回null
}

function eraseCookie(name) {
	// Erase the specified cookie
	writeCookie(name, "", -1);
}

可以把这些函数放到.js后缀的文件里

navigator.cookieEnabled可以查看当前是否可以使用cookie

时间: 2024-11-03 05:34:30

Head first javascript(三)的相关文章

数据结构与算法JavaScript (三) 链表

数据结构与算法JavaScript (三) 链表 我们可以看到在javascript概念中的队列与栈都是一种特殊的线性表的结构,也是一种比较简单的基于数组的顺序存储结构.由于 javascript的解释器针对数组都做了直接的优化,不会存在在很多编程语言中数组固定长度的问题(当数组填满后再添加就比较困难了,包括添加删除, 都是需要把数组中所有的元素全部都变换位置的,javascript的的数组确实直接给优化好了,如 push,pop,shift,unshift,split方法等等…) 线性表的顺序

javascript 三种数组复制方法的性能对比

javascript 三种数组复制方法的性能对比,对于webkit, 使用concat; 其他浏览器, 使用slice. 一. 三种数组复制方法 1. by slice var arr = [1, 2, 3], copyArr; copyArr = arr.slice(); 2. by concat var arr = [1, 2, 3], copyArr; copyArr = arr.concat(); 3. by loop var arr = [1, 2, 3], copyArr = [];

JavaScript 三种创建对象的方法

JavaScript中对象的创建有以下几种方式: (1)使用内置对象 (2)使用JSON符号 (3)自定义对象构造 一.使用内置对象 JavaScript可用的内置对象可分为两种: 1,JavaScript语言原生对象(语言级对象),如String.Object.Function等: 2,JavaScript运行期的宿主对象(环境宿主级对象),如window.document.body等. 我们所说的使用内置对象,是指通过JavaScript语言原生对象的构造方法,实例化出一个新的对象.如: 代

从零开始学JavaScript三(变量)

一.变量 ECMAscript变量是松散型变量,所谓松散型变量,就是变量名称可以保存任何类型的数据,每个变量仅仅是一个用于保存值的占位符. 定义变量时要使用var操作符 如: var message; /*定义一个名为message的变量,该变量可以用来保存任何值,未初始化的变*量会保存一个特殊的值-undefined */ 二.局部变量 可以声明变量里同时初始化 function test(){ var message='hello'; //定义局部message变量,并初始值为hello a

轻松学习JavaScript三:JavaScript与HTML的结合

HTML中的JavaScript脚本必须位于<script>与</script>标签之间,JavaScript脚本可被放置在HTML页面的 <body>标签和<head>标签中,这种视情况而定,一般放在<head>标签内. 一<script> 标签 如需在HTML页面中插入JavaScript脚本,请使用<script>标签.<script>和</script>会告诉JavaScript在何处开始

(转)轻松学习JavaScript三:JavaScript与HTML的结合

摘自:http://blog.csdn.net/erlian1992 HTML中的JavaScript脚本必须位于<script>与</script>标签之间,JavaScript脚本可被放置在HTML页面的 <body>标签和<head>标签中,这种视情况而定,一般放在<head>标签内. 一<script> 标签 如需在HTML页面中插入JavaScript脚本,请使用<script>标签.<script>

JavaScript(三) - 精简

javascript 对象 1 什么是对象? 对象只是一种特殊的数据,对象拥有属性和方法. 2 对象有哪些? js中所有的事物都是对象:字符串,数值,数组,函数. js允许自定义对象.提供多个内建对象. 比如:String , Date, Array等. 布尔型,数字型,字符串,日期,数学和正则表达式,数组,函数 3 怎么访问对象的属性.     属性是与对象相关的值, 访问对象属性的语法是:objectName.propertyName (对象名.属性名). eg:        使用Stri

从头开始学JavaScript (三)——数据类型

一.分类 基本数据类型:undefined.null.string.Boolean.number 复杂数据类型:object object的属性以无序的名称和值对的形式 (name : value) 来定义 二.详解 1.undefined:undefined类型只有一个值:undefined,在使用var对变量进行声明但未初始化时,这个变量的值就是undefined. 包含undefined值的变量与尚未定义的变量是不一样的,以下这个例子可以说明: var demo1;//声明但未初始化 al

javascript三种创建对象的方式

javascript是一种“基于prototype的面向对象语言“,与java有非常大的区别,无法通过类来创建对象.那么,既然是面象对象的,如何来创建对象呢? 一.通过”字面量“方式创建. 方法:将成员信息写到{}中,并赋值给一个变量,此时这个变量就是一个对象.例如:  var person = (name:'dongjc', work:function() {console.log('write coding')});   如果{}中为空,则将创建一个空对象:  var person = {}

JavaScript三种方法获取地址栏参数的方法

今天碰到要在一个页面获取另外一个页面url传过来的参数,一开始很本能的想到了用 split("?")这样一步步的分解出需要的参数. 后来想了一下,肯定会有更加简单的方法的!所以在网上找到了两个很又简单实用的方法,mark下 方法一:采用正则表达式获取地址栏参数:( 强烈推荐,既实用又方便!) function GetQueryString(name){ var reg = new RegExp("(^|&)"+ name +"=([^&]*