html_passData

website

https://shadowplusing.website/html_passData/

introduction

练习主要由HTML构成的页面的不同传参方法，写一个demo记录下，方便以后回顾。

GitHub pages

记录一下，部署到pages时，第一次只能打开第一个页面，以为是只有纯HTML页面问题，结果发现是部署到访问需要一段时间（不是404到可以打开的时间，而是可以访问index.html了可能也需要一段时间正常跳转）

content

1. pageOne_1.html + pageOne_2.html : window.location.href + window.location.search
2. pageTwo_1.html + pageTwo_2.html : window.open + window.document.URL
3. pageThree_1.html + pageThree_2.html : jQuery $.cookie
4. pageFour_1.html + pageFour_2.html : window.open + window.opener
5. pageFive_1.html + pageFive_2.html : document.cookie
6. pageSeven_01_Parent.html + pageFive_01_Child.html : iframe(parent:function(set) + iframe:window.parent.function) 获取iframe参数
7. pageSeven_02_Parent.html + pageFive_02_Child.html : iframe(parent:function(return) + iframe:window.parent.function) 传递iframe参数
8. pageEight.html : iframe跨域( ① src URL ② postMessage(data,origin))

reference

1. HTML页面之间如何传递数据，超简单，一看就会！
2. 通过window.opener在页面之间传递对象参数
3. Cookie的设置和获取
4. html之间传值之localStorage
5. 关于使用iframe的父子页面进行简单的相互传值
6. iframe跨域传值

some function

1. document.getElementsByTagName(tagname)
2. getElementsByName()
3. getElementById()
4. stringObject.indexOf(searchvalue,fromindex)