JS中对象的 prototype 的含义:

javascript中的每个对象都有prototype属性,Javascript中对象的prototype属性的解释是:返回对象类型原型的引用。

A.prototype = new B();

理解prototype不应把它和继承混淆。A的prototype为B的一个实例,可以理解A将B中的方法和属性全部克隆了一遍。A能使用B的方法和属性。这里强调的是克隆而不是继承。可以出现这种情况:A的prototype是B的实例,同时B的prototype也是A的实例。

 

设置某元素的class属性:

function setclass () {
var setclass = document.getElementById("project2");
setclass.className = "on";
}

设置某分栏iframe的连接页面:

function seturl () {
var setiframe = document.getElementById("iframe");
setiframe.src = "project2.html";
}

split() 方法用于把一个字符串分割成字符串数组。

stringObject.split(separator,howmany)

separator:必需。字符串或正则表达式,从该参数指定的地方分割 stringObject。

howmany:可选。该参数可指定返回的数组的最大长度。如果设置了该参数,返回的子串不会多于这个参数指定的数组。如果没有设置该参数,整个字符串都会被分割,不考虑它的长度。

match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。

该方法类似 indexOf() 和 lastIndexOf(),但是它返回指定的值,而不是字符串的位置。

stringObject.match(searchvalue)
stringObject.match(regexp)

searchvalue:必需。规定要检索的字符串值。

regexp:必需。规定要匹配的模式的 RegExp(正则表达式)对象。如果该参数不是 RegExp 对象,则需要首先把它传递给 RegExp 构造函数,将其转换为 RegExp 对象。

返回的是指定值,字符串。

使用Cookies传值:

创建Cookies

创建默认语法格式:

document.cookie = name + value ;

例:

document.cookie = "CookieName="+"Mod"

注意: 不可以有非字母或数字的字符,因此对其进行转码是个不错的选择。

escape()可以对字符串进行编码:

var cookieList = "FirstName=" + "One"
+ ";LastName=" + "two";
document = escape(cookieList);

注意:这里同时定义了两个cookie,定义多个Cookie时必须以“;”分隔。

当读取使用”escape(text)”编码过的文本字符串是必须使用”unescape(text)”进行解码。

除了”name”之外还有四种属性:

expires(设置时间)、path(访问目录)、domain(多服务器访问)、secure(安全性传输)

expires:默认关闭会话框就会销毁cookie,可以给其指定时间。

var expDate = new Date();
document.cookie = escape("firstCookie=Bon" + ";espires=" + expDate.setDate(expDate.getDate() + 1));

path: 设置Cookie能够被服务器上的其他Web其他页面的访问性,默认相同目录下的页面都可以访问。

使Files文件目录下或它的子目录下的所有页面访问:

document.cookie = "FirstName=One"+";path=/Files";

如果想要让cookie能被服务器上的所有页面访问,只使用一个“/”表示即可。

document.cookie = "FirstName=One"+";path=/";

domain:用于相同域内的跨多服务器共享Cookies。

若以7个顶级域标识符(.com、 .edu、 .net、 .org、 .gov、 . mil、 .int)之一结束,字符串中只需要两个点“.”即可:

document.cookie = "FirstName=One"+";domain=.baidu.com";

若以其它标识符结束,字符串需要三个点“.”并包括一个子域,

例如:以”cn”结尾,“domain=.子域.域.cn”

document.cookie = "FirstName=One"+";domain=.ziyu.yu.cn";

secure: 指示Cookies只能在安全的Internet连接上传输,此属性通常忽略。

document.cookie = "FirstName=One"+";secure=true";

读取Cookies:

需要使用String对象的方法来解析每个Cookie,如果Cookie使用了escape()编码过,在解析之前必须用unescape()函数解码。

此处多使用String对象方法,包括 indexOf()、substring()方法来确定Cookie的name和value的位置来得出相应的值。

也可使用正则表达式进行判断,取出value值。

例:

    //设置Cookie
function setCookie(name, value) {
document.cookie = name + "=" + escape(value);
}
//获取Cookie
function getCookie(name) {
var reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
var arr = document.cookie.match(reg);
document.getElementById("Text1").value = arr[2];
    }

HTML代码:

    <input id="we" type="button" value="设置" onclick='setCookie("coo0","zhizhi")' />
<br />
<br />
<input id="Button1" type="button" value="button" onclick='getCookie("coo0")' />
<input id="Text1" type="text" />

20150803--JS学习笔记(1)的更多相关文章

  1. js学习笔记:webpack基础入门(一)

    之前听说过webpack,今天想正式的接触一下,先跟着webpack的官方用户指南走: 在这里有: 如何安装webpack 如何使用webpack 如何使用loader 如何使用webpack的开发者 ...

  2. Vue.js学习笔记(2)vue-router

    vue中vue-router的使用:

  3. JS 学习笔记--9---变量-作用域-内存相关

    JS 中变量和其它语言中变量最大的区别就是,JS 是松散型语言,决定了它只是在某一个特定时间保存某一特定的值的一个名字而已.由于在定义变量的时候不需要显示规定必须保存某种类型的值,故变量的值以及保存的 ...

  4. WebGL three.js学习笔记 使用粒子系统模拟时空隧道(虫洞)

    WebGL three.js学习笔记 使用粒子系统模拟时空隧道 本例的运行结果如图: 时空隧道demo演示 Demo地址:https://nsytsqdtn.github.io/demo/sprite ...

  5. WebGL three.js学习笔记 法向量网格材质MeshNormalMaterial的介绍和创建360度全景天空盒的方法

    WebGL学习----Three.js学习笔记(5) 点击查看demo演示 Demo地址:https://nsytsqdtn.github.io/demo/360/360 简单网格材质 MeshNor ...

  6. WebGL three.js学习笔记 创建three.js代码的基本框架

    WebGL学习----Three.js学习笔记(1) webgl介绍 WebGL是一种3D绘图协议,它把JavaScript和OpenGL ES 2.0结合在一起,通过增加OpenGL ES 2.0的 ...

  7. vue.js 学习笔记3——TypeScript

    目录 vue.js 学习笔记3--TypeScript 工具 基础类型 数组 元组 枚举 字面量 接口 类类型 类类型要素 函数 函数参数 this对象和类型 重载 迭代器 Symbol.iterat ...

  8. 2019-4-29 js学习笔记

    js学习笔记一:js数据类型   1:基本数据类型       number类型(整数,小数)      String类型          boolean类型        NaN类型其实是一个nu ...

  9. 一点感悟:《Node.js学习笔记》star数突破1000+

    写作背景 笔者前年开始撰写的<Node.js学习笔记> github star 数突破了1000,算是个里程碑吧. 从第一次提交(2016.11.03)到现在,1年半过去了.突然有些感慨, ...

  10. JS学习笔记5_DOM

    1.DOM节点的常用属性(所有节点都支持) nodeType:元素1,属性2,文本3 nodeName:元素标签名的大写形式 nodeValue:元素节点为null,文本节点为文本内容,属性节点为属性 ...

随机推荐

  1. [Python3] 014 集合的内置方法

    目录 1. Python3 中如何查看 set() 的内置方法 2. 少废话,上例子 (1) add() (2) 又见清理大师 clear() (3) 又见拷贝君 copy() (4) 找茬君 dif ...

  2. Java枚举enum关键字

    枚举的理解 枚举其实就是一个类,枚举类的实例是一组限定的对象 传统的方式创建枚举 [了解] 对比:单例类 1.构造器私有化 2.本类内部创建对象 3.通过public static方法,对外暴露该对象 ...

  3. Spring Boot & ES 实战,值得参考!

    作者:废物大师兄 cnblogs.com/cjsblog/p/9756978.html 1. 前言 1.1. 集成方式 Spring Boot中集成Elasticsearch有4种方式: REST C ...

  4. UVA 10003 Cutting Sticks 区间DP+记忆化搜索

    UVA 10003 Cutting Sticks+区间DP 纵有疾风起 题目大意 有一个长为L的木棍,木棍中间有n个切点.每次切割的费用为当前木棍的长度.求切割木棍的最小费用 输入输出 第一行是木棍的 ...

  5. Python的__pycache__的文件夹

    · 前言 用python编写好一个工程,在第一次运行后,总会发现工程根目录下生成了一个__pycache__文件夹,里面是和py文件同名的各种 *.pyc 或者 *.pyo 文件. 先大概了解一下py ...

  6. 字典树(Trie树)实现与应用(转)

    一.概述 1.基本概念 字典树,又称为单词查找树,Tire数,是一种树形结构,它是一种哈希树的变种. 2.基本性质 根节点不包含字符,除根节点外的每一个子节点都包含一个字符 从根节点到某一节点.路径上 ...

  7. python的cls,self,classmethod,staticmethod

    python类里会出现这三个单词,self和cls都可以用别的单词代替,类的方法有三种, 一是通过def定义的 普通的一般的,需要至少传递一个参数,一般用self,这样的方法必须通过一个类的实例去访问 ...

  8. 成为k8s大佬,从这个操作开始(伪) - 程序员学点xx 42 k8s

    目录 Kubernetes -2- 这是yann的第97篇分享 本日状态: ​ 饿着肚子写公众号的 yann 同学. 第 1 部分 反省 昨天的内容被熊哥批评了. 熊哥说,「你光想着自己爽,一句我认为 ...

  9. ZeroAccess分析

    来源:http://bbs.pediy.com/showthread.php?t=141124&highlight=ZeroAccess 总序这分成四个部分的系列文章,是一个完全的一步一步来分 ...

  10. Antd-react-mobile项目学习中遇到的问题记录(持续更新)

    1.Error:The "injectBabelPlugin" helper has been deprecated as of v2.0. You can use customi ...