随手笔记2017-01-19建

最新推荐文章于 2024-05-02 18:12:22 发布

TangbaoD

最新推荐文章于 2024-05-02 18:12:22 发布

阅读量278

点赞数 1

分类专栏：随手笔记文章标签： javascript 编辑器笔记

本文链接：https://blog.csdn.net/u013891695/article/details/54616303

版权

随手笔记专栏收录该内容

1 篇文章 0 订阅

订阅专栏

2017-01-19 14:49:13

修改序数	修改时间	主要修改
1	2017-01-19 15:13:43	<a>标签的不同跳转，localStorage和sessionStorage的使用例子

pre:
这里写图片描述
1. <a>标签的不同跳转方式[转]

<a href="http://www.baidu.com" target="_blank">百度_blank</a><br>
<a href="http://www.baidu.com" target="_self">百度_self</a><br> 
<a href="JavaScript:void(0);" onclick="window.location.href='http://www.baidu.com'" target="_blank">百度1_click</a><br/>
<a href="javascript:void(0);" onclick="window.open('http://www.baidu.com','_self');"target="_blank">百度_self_click</a><br/> 
<a href="javascript:void(0);" onclick="window.open('http://www.baidu.com','_blank');" target="_blank">百度_blank_click</a><br />

localStorage使用

page1:

<body>
    <a href="testget.jsp">testget.jsp</a>
</body>

js1:

$(document).ready(function() {
    window.localStorage.JQa = JSON.stringify(temp);
    window.localStorage.setItem('JQc', 'JQB');
});
var temp = {
    name : "Mike",
    age : 21,
    likes : {
        food : "apple",
        tec : "java"
    }
};

page2:

<body>
    <p id="a"></p>
    <p id="b"></p>
</body>

js2:

$(document).ready(function() {
    $("#a").text(window.localStorage.JQa);
    $("#b").text(window.localStorage.getItem('JQc'));
    showObj(jQuery.parseJSON(window.localStorage.JQa));
});