HTML - html之间传值并接收

最新推荐文章于 2021-06-17 00:47:57 发布
最新推荐文章于 2021-06-17 00:47:57 发布
阅读量7.8k 收藏 4
点赞数 2
分类专栏： HTML + JavaScript 文章标签： javascript 王吉平
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/imwangjiping/article/details/39322769
版权
本文介绍了如何在HTML元素中通过JavaScript进行值的传递和接收，讲解了基本的DOM操作和事件处理，对于前端开发初学者尤其有帮助。
摘要由CSDN通过智能技术生成 
<html>

	<head><title>1.html</title></head>

	<body>
		<a href="2.html?code=123&pp=321">value between the htmls </a>
	</body>

</html>
下面是我第一次发表的HTML传值代码，是存在问题的，如果给大家造成误导请看我后面更改过后的代码
希望大家没有被我误导
有兴趣的朋友可以看我错误代码里哪里有错，再看我更改过后的代码，你们就懂了。 

<html>

	<head><title>2.html</title></head>

	<body>
	
		<center>
			<input type="test" id="parameterName1"/>
			<input type="test" id="htmlCode1"/><br>
			<input type="test" id="parameterName2"/>
			<input type="test" id="htmlCode2"/>
		</center>

		<script type="text/javascript"
最低0.47元/天 解锁文章
W_Jp
关注
  • 2
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
HTML表单数据传输
qq_18661257的专栏
01-31 5224
对于HTML表单的数据传输，有着基本的HTML基础的人就应该知道他总共有两种提交方式GET和POST， GET提交方式是一种显示的提交方式，它使用GET方式提交数据的时候，浏览器会对URL进行URL encode编码，但是他的最终传送数据会显示在浏览器的地址栏，同时他的传送数据的大小是有很大的限制的，同时不安全。 如下: 得到的结果在PHP中$_GET['text
获取html页面传过来的值
xmqywx的专栏
11-19 2123
获取html页面传过来的值 有时候在浏览网页的时候会发现：有的网站用html来传值，根据传值的不同显示不同的内容。其代码       str=location.href; //获取本页url地址   arr=str.split("?");   str1 = arr[1];   arr1=str1.split("=");   alert(arr1[0]);   alert(
Html页面传参获取代码
别忘了还是诗歌和远方
09-09 710
"<a href="index-02-index.html?Compy=跳转" />首页跳转</a>//Compy就是参数，首页就是值代码说明: 当你点击（首页跳转）文字的超链接的时候，进入首页，他就会带着这个Compy=跳转，这个Compy的值到那个首页跳转的页面中。 然后你再通过下列的代码获取到这个Compy的值var title //这个是全局变量，这里定义是让好理解
html之间传递参数
lzh657083979的博客
09-17 511
a.html<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="jquery-1.8.2.js"></script> </head> <body> 输入：<input type
两个html之间进行传值
woshirsn的博客
09-30 1120
[javascript] view plain copy   function turnto(){   var getval=document.getElementById("text").value;   turngetval=escape(getval);   document.location.href="search.html?a="+turngetval
ajax\HTML 页面与页面之间传值
12-21
1. **利用URL参数传递**：最简单的页面间传值方法是通过URL查询字符串。在超链接或表单提交中，我们可以把参数附加到URL后面，例如`<a href="child.html?name=value">跳转</a>`。在目标页面(child.html)中，可以通过...
PHP传值到不同页面的三种常见方式及php和html之间传值问题
10-23
在上述链接中，id的值会被附加在URL后，并在服务器端通过`$_GET['id']`接收。GET请求可以通过浏览器的地址栏直接查看和分享URL，因此不适合传输敏感信息。 第三种方式是使用SESSION传值。SESSION是一种存储特定用户...
HTML表单传值示例通过get方式传递
09-28
HTML表单传值是Web开发中的一种基础技术，它允许用户通过填写表单中的字段来提交信息给服务器。这些信息可以是用户的名字、邮箱、搜索查询等内容。在HTML中创建表单通常涉及到使用标签，并且在表单内部可以放置不同...
静态页面html中跳转传值的JS处理技巧
10-22
在目标页面index2.html中，为了接收并解析这些参数，我们需要编写JavaScript代码来提取URL中的查询字符串，并从中读取指定的参数值。下面是实现这一功能的JavaScript代码示例： ```javascript ...
HTML学习笔记：演示HTML页面之间传递数据
howard2005的专栏
02-23 2202
1、起始页面page01.html 2、目标页面page02.html 3、查看运行效果 单击【提交】按钮，跳转到目标页面page02.html 4、出现乱码问题 5、解决乱码问题 如何解决这个问题呢？十分简单，只需修改一下page02.html文件： 将查询字符串利用decodeURI函数将url进行解码即可。 运行效果： ...
redirect html传参和获取参数
02-09
使用window.open()传递参数 使用redirect到html页面 js获取参数函数
js获取url传值的方法
01-19
本文实例讲述了js获取url传值的方法。分享给大家供大家参考，具体如下： js获取url参数值： index.htm?参数1=数值1&参数2=数值2&参数3=数据3&参数4=数值4&…… 静态html文件js读取url参数 根据获取html的参数值控制html页面输出 一、字符串分割分析法 这里是一个获取URL带QUESTRING参数的JAVASCRIPT客户端解决方案，相当于asp的request.querystring，PHP的$_GET 函数: [removed] function GetRequest() { var url = locati
前端在html页面之间传递参数的方法
热门推荐
有效youxiao的博客
06-29 6万+
概念图 目标 前端在html页面之间传递参数的方法 项目中经常会出现的一种情况，有一个列表，比如商品列表，点击列表中的某一项商品，跳转至详情页面。跳转页面时，我们需要传递一个参数过去，这样我们才能通过这个参数进行数据请求，然后根据后台返回的数据来生成详情页面。因此，通过a标签跳转的方式，肯定是行不通的。&nbsp; 写form表单，提交可以传递参数，除此以外，window.locati...
html接收参数
weixin_30745553的博客
09-13 955
代码 <!DOCTYPE html> <html> <head> <title>html接收参数</title> </head> <body style="width: 100%; height: 100%"> <h1>html接收参数</h1> ...
url问号传值获取值
刘成江的博客
01-19 1341
$.extend({         getUrlVars: function () {             var vars = [], hash;             var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');             for
从一个html页面传值到另一个页面,两个html之间的值传递(js location.search用法)
d874274415的博客
06-17 1985
a.html： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>a页面 </title> <script type="text/javascript" src="js/jquery/jquery-1.12.1.min.js"></script> <script type="text/javascript"> function to
html之间实现参数传递,javascript实现html页面之间参数传递的四种方法实例分析
weixin_39974409的博客
06-17 564
本文实例讲述了javascript实现html页面之间参数传递的四种方法。分享给大家供大家参考，具体如下：我们知道，在服务器端asp，jsp等程序可以接受html页面上的form传来的参数。那么，可不可以传递参数给html页面呢。可以。原理：通过window.location.href中的分割符获得各个参数方法一：函数功能：从href获得参数*sHref: http://www.cscenter....
关于HTML页面接受请求参数
qq_34044404的博客
10-27 1314
第一种： var a = getArgs()['参数名']; function getArgs() {      var args = {};         var query = location.search.substring(1);          // Get query string     var pairs = query.split("&");         
html跨页参数接收传递参数
不期而遇
09-15 229
html跨页参数接收 function getRequest() { var url = decodeURI(location.search); var theRequest = new Object(); if (url.indexOf("?") != -1) { var str = url.substr(1); strs = str.split("&"); f...
vue3 v-model 实现组件传值的写法
最新发布
08-30
在 Vue 3 中，可以使用新的 `v-model` 语法糖来实现组件传值。下面是一个示例： 首先，在父组件中使用子组件，并通过 `v-model` 绑定一个变量： ```html <template> <div> <ChildComponent v-model="value" /> </div> </template> ``` 然后，在子组件中，使用 `props` 接收父组件传递的值，并通过 `emits` 发送更新事件： ```html <template> <div>
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值