当前位置: 首页 > news >正文

做网站有哪些主题竞价推广账户托管服务

做网站有哪些主题,竞价推广账户托管服务,往网站上传照片怎么做,日本设计师个人网站HTML页面之间的数据传递 1.通过window.location.href发送,location.search接收2.通过window.location.open()发送 1.很多小伙伴在做页面时,有没有想过两个页面之间如何在跳转的同时,还能够传递一些数据过去   2.跳转页面时,我们…

HTML页面之间的数据传递

    • 1.通过window.location.href发送,location.search接收
    • 2.通过window.location.open()发送

  1.很多小伙伴在做页面时,有没有想过两个页面之间如何在跳转的同时,还能够传递一些数据过去
  2.跳转页面时,我们首先想到的是利用a标签进行跳转。
  3.一般我们通过a标签的方式只能进行页面之间的跳转,而无法将想要的数据传递过去。
  4.接下来将讲解两个页面之间如何进行数据的传递。

1.通过window.location.href发送,location.search接收

  1这里我们一般将window.location.href绑定在点击事件上进行跳转,它类似于a标签,但是可以传递参数。
01.html页面代码如下

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>button{width: 300px;height: 300px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background-color: aquamarine;}</style>
</head>
<body><h1 style="text-align: center;">01.html</h1><button>点击我跳转</button>
</body>
<script>let button=document.getElementsByTagName("button")[0]button.onclick=function(){//路径+参数名+参数值window.location.href = './02.html?'+'uname='+'zhangsan'//2.下面这种方式将数据进行编码,可以传递中文不出现乱码,推荐// window.location.href = encodeURI('./02.html?uname=哈哈');}
</script>
</html>

  1这里我们利用location.search来接收数据

02.html页面代码如下

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>button {width: 300px;height: 300px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);background-color: aquamarine;}</style>
</head><body><h1 style="text-align: center;">02.html</h1><button>点击我,弹出接收信息</button>
</body>
<script>var name = location.search;// var name = decodeURI(document.URL)//获取到编码的数据并进行解码,推荐//获取到的数据其实是  ?uname=zhangsan'//下面是对数据进行处理name=name.slice(name.indexOf("=")+1)console.log(name);var button = document.querySelector("button");button.onclick = function () {alert(name)}
</script></html>

效果如下:
在这里插入图片描述

2.通过window.location.open()发送

如果是希望打开一个新页面,而不是改变当前的页面,那么window.location.href就不适用了,此时,我们需要借助于window.open()来实现 ,它是用来打开一个新的浏览器窗口或查找一个已命名的窗口。

  window open()用法
01.html页面代码如下

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>button{width: 300px;height: 300px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background-color: aquamarine;}</style>
</head>
<body><h1 style="text-align: center;">01.html</h1><button>点击我跳转</button>
</body>
<script>let button=document.getElementsByTagName("button")[0]button.onclick=function(){//路径+参数名+参数值  使用encodeURI进行编码,可以传中文window.open(encodeURI('./02.html?'+'uname='+'哈哈哈'))}
</script>
</html>

02.html页面代码如下

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>button {width: 300px;height: 300px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);background-color: aquamarine;}</style>
</head><body><h1 style="text-align: center;">02.html</h1><button>点击我,弹出接收信息</button>
</body>
<script>//对数据进行解码var name= decodeURI(document.URL)//获取到的数据其实是  ?uname=哈哈哈'//下面是对数据进行处理name=name.slice(name.indexOf("=")+1)var button = document.querySelector("button");button.onclick = function () {alert(name)}
</script>
</html>

效果如下所示:
在这里插入图片描述
觉得对你有帮助的话,点个赞再走吧!

http://www.ds6.com.cn/news/13623.html

相关文章:

  • 贵州遵义知名网站建设优化百度涨
  • 企业网站开发课程颜色广告
  • 潜山做网站产品网络营销
  • 首次进入网站时给一个alert怎么做销售外包
  • 学校网站网站建设网络营销到底是干嘛的
  • 如何查看网站用什么代码做的短信营销
  • 网站开发是什么费用aso优化前景
  • 江西省建设厅教育网站灰色项目推广渠道
  • 徐州网站建站收录网站有哪些
  • 网站建设培训心得百度seo排名查询
  • 如何用ps做网站效果图最新行业动态
  • 宣城网站建设今日热点新闻15条
  • 衡水企业网站设计人民日报最新头条10条
  • 河南五建建设集团有限公司网站亚马逊seo是什么意思
  • 高端 网站开发百度文库个人登录
  • 存储网站建设目前引流最好的app
  • 洛阳网站建设多少钱新的数据新闻
  • 凡客做网站google搜索引擎下载
  • 理解电子商务网站建设与管理百度搜索网址大全
  • 制作app的软件有哪些深圳正规seo
  • 同德县wap网站建设公司西安网站制作
  • 日本做动漫软件视频网站seo网络推广知识
  • 二级院系网站建设百度网站优化
  • 自己做盈利视频网站上海网络营销
  • 沈阳做网站优秀公司长沙网站快速排名提升
  • wordpress与dede哪个好用seo博客
  • 北京门户企业网站建设网站优化的方式有哪些
  • 网站系统解决方案网络营销顾问是做什么的
  • 河南建设工程造价管理协会网站哪里做网络推广好
  • 做电商网站货源有没有帮忙推广的平台