js中location.search、split()HTML5中localStorage

1.

location.search在客户端获取Url参数的方法

location.search是从当前URL的?号开始的字符串

如:http://www.baidu.com/s?wd=baidu&cl=3

它的search就是?wd=baidu&cl=3

如: location.search.substr(1).split("&")[0]

可以返回第一个参数:wd=baidu

如: location.search.split(‘?‘)[1]

可以返回所有参数:wd=baidu&cl=3

2.

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

语法

stringObject.split(separator,howmany)

参数 描述

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

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

返回值

一个字符串数组。该数组是通过在 separator 指定的边界处将字符串 stringObject 分割成子串创建的。返回的数组中的字串不包括 separator 自身。

但是,如果 separator 是包含子表达式的正则表达式,那么返回的数组中包括与这些子表达式匹配的字串(但不包括与整个正则表达式匹配的文本)。

提示和注释

注释:如果把空字符串 ("") 用作 separator,那么 stringObject 中的每个字符之间都会被分割。

注释:String.split() 执行的操作与 Array.join 执行的操作是相反的。

实例

例子 1

在本例中,我们将按照不同的方式来分割字符串:

var str="How are you doing today?"

document.write(str.split(" ") + "
")

document.write(str.split("") + "
")

document.write(str.split(" ",3))

输出:

How,are,you,doing,today?

H,o,w, ,a,r,e, ,y,o,u, ,d,o,i,n,g, ,t,o,d,a,y,?

How,are,you

例子 2

在本例中,我们将分割结构更为复杂的字符串:

"2:3:4:5".split(":") //将返回["2", "3", "4", "5"]

"|a|b|c".split("|") //将返回["", "a", "b", "c"]

例子 3

使用下面的代码,可以把句子分割成单词:

var words = sentence.split(‘ ‘)

或者使用正则表达式作为 separator:

var words = sentence.split(/\s+/)

例子 4

如果您希望把单词分割为字母,或者把字符串分割为字符,可使用下面的代码:

"hello".split("") //可返回 ["h", "e", "l", "l", "o"]

若只需要返回一部分字符,请使用 howmany 参数:

"hello".split("", 3) //可返回 ["h", "e", "l"]

3.

HTML5中提供了localStorage对象可以将数据长期保存在客户端,直到人为清除。

localStorage提供了几个方法:

1、存储:localStorage.setItem(key,value)

如果key存在时,更新value

2、获取:localStorage.getItem(key)

如果key不存在返回null

3、删除:localStorage.removeItem(key)

一旦删除,key对应的数据将会全部删除

4、全部清除:localStorage.clear()

某些时候使用removeItem逐个删除太麻烦,可以使用clear,执行的后果是会清除所有localStorage对象保存的数据

5、遍历localStorage存储的key

.length 数据总量,例:localStorage.length

.key(index) 获取key,例:var key=localStorage.key(index);

6、存储JSON格式数据

JSON.stringify(data)  将一个对象转换成JSON格式的数据串,返回转换后的串

JSON.parse(data) 将数据解析成对象,返回解析后的对象

备注:localStorage存数的数据是不能跨浏览器共用的,一个浏览器只能读取各自浏览器的数据,储存空间5M。

时间: 2024-08-06 20:02:35

js中location.search、split()HTML5中localStorage的相关文章

JS中location.search什么意思

JS中location.search什么意思 设置或获取 网页地址跟在问号后面的部分 当以get方式在url中传递了请求参数时,可以利用location的search属性提取参数的值,下面的代码把参数的名称和对应的值存储在2个数组中. <script>function test(){var url=window.location.search;if(url.indexOf("?")!=-1) {    var str = url.substr(1)     strs = s

第89天:HTML5中 访问历史、全屏和网页存储API

一.访问历史 API 通过history对象实现前进.后退和刷新之类的操作 history新增的两个方法history.replaceState()和history.pushState()方法属于HTML5浏览器新增的属性,所以IE9以下的是不支持的. 1.history.replaceState() :顾名思义就是替换的意思,所以它的作用就是替换当前地址栏的url history.replaceState(data,"页面的title","需要改变的url") :

html5中form表单新增属性以及改良的input标签元素的种类

在HTML5中,表单新增了一些属性,input标签也有了更多的type类型,有些实现了js才能实现的特效,但目前有些浏览器不能全部支持.下面是一些h5在表单和input标签上的一些改动. <!DOCTYPE html><html> <head> <title>表单测试</title> <meta charset="utf-8" /> <!-- 在不支持h5的浏览器中,可以用CSS样式进行改写 --> &

html5中设置字体

@font-face指令在CSS2中引入,但是在HTMl5中实现的. Web开放字体(WOFF)也是被所有浏览器支持的字体 大多数的字体是TrueType(TTF)和OpenType(PTF)而IE实现的是Embedded OpenType(EOT),还有一种可伸缩矢量图形(SVG)这种类型只被IOS系统支持   改变字体 FontSquirrel网站提供了我们所用字体的各种格式,已经能很好的满足我们的需求 1.定义字体 @font-face{ /*定义你要用的字体家族*/ font-famil

html5中的网页结构

一.html5中的大纲 在html5中,使用各种结构元素所描述出来的整个网页的层次结构,就是该网页的大纲.因此在组织这份大纲的时候,不能使用div元素,因为div元素只能当做容器,用在需要对网页中某个局部使用整体样式时.http://gsnedders.html5.org/outliner/网站中有一个文档大纲分析器,可以将文档大纲以可视化的形式展示出来."Untitled Section"表示缺乏标题 二.大纲的编排规则 关于内容区块的编排,可以分为显示编排与隐式编排两种方式. 1.

location.search 详解

JS中location.search什么意思 设置或获取网页地址跟在问号后面的部分 当以get方式在url中传递了请求参数时,可以利用location的search属性提取参数的值,下面的代码把参数的名称和对应的值存储在2个数组中. <script>function test(){var url=window.location.search;if(url.indexOf("?")!=-1) {    var str = url.substr(1)     strs = st

Location search 属性

JS中location.search什么意思?下面17javascript跟大家详细介绍一下: 设置或获取 网页地址跟在问号后面的部分 当以get方式在url中传递了请求参数时,可以利用location的search属性提取参数的值,下面的代码把参数的名称和对应的值存储在2个数组中. <script>function test(){var url=window.location.search;if(url.indexOf("?")!=-1) {    var str = u

window.location.search

作用:取得[http://111111?A=1&B=2&C=3....]红色部分 上代码,起个名字:123.html <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta charset="utf-8"

js中window.location.search的用法和作用

用该属性获取页面 URL 地址: window.location 对象所包含的属性 属性 描述 hash 从井号 (#) 开始的 URL(锚) host 主机名和当前 URL 的端口号 hostname 当前 URL 的主机名 href 完整的 URL pathname 当前 URL 的路径部分 port 当前 URL 的端口号 protocol 当前 URL 的协议 search 从问号 (?) 开始的 URL(查询部分) 如图就是取出url中的参数. js 脚本捕获页面 GET 方式请求的参