精华内容
下载资源
问答
  • // a标签点击时给herf属性赋值:链接和参数 【传参】 } script> body> html> new_file.html <html> <head> <meta charset="utf-8"> <title>接收跳过来带的参数title> <style> body{ text-align: center;...

    目前我知道有两种方法:

    1.通过地址栏的跳转链接带参

    js 原生开发:实现页面带参跳转:从传参到接参
    index.html

    <!DOCTYPE html>
    <html lang="zh">
    <head>
    	<meta charset="UTF-8">
    	<meta name="viewport" content="width=device-width, initial-scale=1.0">
    	<meta http-equiv="X-UA-Compatible" content="ie=edge">
    	<title>带参跳转过去</title>
    	<style>
    		body{
    			text-align: center;
    		}
    	</style>
    </head>
    <body>
    	<h1>我是准备<a href="">跳转</a>的页面</h1>
    	<script>
    		// 定义的要传过去的参数
    		var param ={
    			name:'quanyi',
    			age:'666'
    		} ;
    		
    		
    		document.querySelector('a').onclick = ()=>{
    			a.href = `./new_file.html?name=${param.name}&&age=${param.age}`; // a标签点击时给herf属性赋值:链接和参数     【传参】
    		}
    	</script>
    </body>
    </html>
    

    new_file.html

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title>接收跳过来带的参数</title>
    		<style>
    			body{
    				text-align: center;
    			}
    		</style>
    	</head>
    	<body>
    		<h1>我是跳转过来的页面,还带了刚才的参数过来</h1>
    		<h4>注意看地址栏,参数追加在链接 ? 的后面</h4>
    		<h4>带过来的参数是:<span></span></h4>
    		<script>
    			var url = location.search.slice(1); // 从location对象中的search属性得到地址栏里 ? 后面的参数       【接参】
    			document.querySelector('span').innerText = url; // 输出到span标签上看看
    		</script>
    	</body>
    </html>
    

    效果如下:
    js 原生开发:实现页面带参跳转:从传参到接参


    2.通过localStorage传参

    js 原生开发:实现页面带参跳转:从传参到接参

    index.html

    <!DOCTYPE html>
    <html lang="zh">
    <head>
    	<meta charset="UTF-8">
    	<meta name="viewport" content="width=device-width, initial-scale=1.0">
    	<meta http-equiv="X-UA-Compatible" content="ie=edge">
    	<title>准备跳过去的页面</title>
    	<style>
    		body{
    			text-align: center;
    		}
    	</style>
    </head>
    <body>
    	<h1>我是准备<a href="./new_file.html">跳转</a>的页面</h1>
    	
    	<script>
    		// 定义要传的参数
    		const param = {
    			name:'全易',
    			age:'23',
    			sex:'girl',
    			position:'font-end developer',
    			blogurl:'https://blog.csdn.net/qq_42618566'
    		}
    		/* //如果是多条数据加上这个数组JSON.stringify(param)改为JSON.stringify(array)
    		var array = [];
    		array.push(param); */
    		const params = JSON.stringify(param); // 因为localStorage只能存字符串,所以需要转化成JSON 字符串。
    		localStorage.setItem('params',params);
    	</script>
    </body>
    </html>
    

    new_file.html

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title>跳过来的页面</title>
    		<style>
    			body{
    				text-align: center;
    			}
    		</style>
    	</head>
    	<body>
    		<h1>我是跳转过来的页面</h1>
    		<h4>取的参数如下:</h4>
    		<div style="min-width: 480px; max-width: 36%;margin: 0 auto; text-align: left;">
    			<h4>姓名:<span class="name"></span></h4>
    			<h4>性别:<span class="sex"></span></h4>
    			<h4>职业:<span class="position"></span></h4>
    			<h4>csdn:<a class="link" href=""></a></h4>
    		</div>
    		
    		<script>
    			// 取参并转为json对象
    			const param = JSON.parse(localStorage.params);
    			// 获取页面元素并赋值
    			document.querySelector('.name').innerText = param.name;
    			document.querySelector('.sex').innerText = param.sex;
    			document.querySelector('.position').innerText = param.position;
    			document.querySelector('.link').innerText = param.blogurl;
    			document.querySelector('.link').href = param.blogurl;
    		</script>
    	</body>
    </html>
    

    该方式的原理就是两个页面之间有个中转站,就相当于快递员(存数据的页面)把快递(数据)放到了快递站(localStorage),然后你(取数据的页面)去快递站(localStorage)去取。
    效果如下:
    js 原生开发:实现页面带参跳转:从传参到接参

    展开全文
  • 原生js获取页面传值

    2019-12-05 13:37:22
    function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象 var r = window.location.search.substr(1).match(reg);...
     function getUrlParam(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
            var r = window.location.search.substr(1).match(reg);  //匹配目标参数
            if (r != null) return unescape(r[2]); return null; //返回参数值
        }
        //想要获取URL传过来的ID,可以这样调用
        var id = getUrlParam('id');
    
    展开全文
  • /// userInfoCallback 是js 代码中的方法名 /// param 是字典转化的json 字符串 NSString *jsstring = [NSString stringWithFormat:@"userInfoCallback(%@)",param]; if (self.wkWebView) { [self.wkWebView ...
    /// userInfoCallback 是js 代码中的方法名
    /// param 是字典转化的json 字符串
        NSString *jsstring = [NSString stringWithFormat:@"userInfoCallback(%@)",param];
        
        if (self.wkWebView) {
            [self.wkWebView evaluateJavaScript:jsstring completionHandler:^(id _Nullable obj, NSError * _Nullable error) {
                NSLog(@"%@",error);
            }];
        }
    
    
    展开全文
  • 最近开发的时候遇见了一个问题,在使用localion 对象进行页面跳转传递中文参数的时候,在接受的页面接受的参数是乱码,如何解决这个问题呢? 在传递参数时先使用escape() 函数对参数进行处理,在接受参数的时候用...

    最近开发的时候遇见了一个问题,在使用localion 对象进行页面跳转传递中文参数的时候,在接受的页面接受的参数是乱码,如何解决这个问题呢?
    在传递参数时先使用escape() 函数对参数进行处理,在接受参数的时候用unescape() 进行处理

    展开全文
  • 获取到的参数得到的都是以字符串的形式,如何直接获取传参的原始参数类型有待添加方法。var showWindowHref=function(){ var sHref ='https://www.baidu.com/s?rsv_spt=1&amp;issp=1&amp;f=8&amp;rsv_...
  • 这里大家可以去区分下$("div"),jQuery对象的map方法,也很像,但是传参不一样,同时,回调方法调用时,传参也不一样。请仔细查看。 链接地址:http://www.cnblogs.com/chaojidan/p/4141413.html indexOf方法 :...
  • 本文给大家分享一个自己写的基于原生JS写Ajax的请求函数功能,需要的朋友可以参考下
  • JS原生APP交互传参 看一遍就会

    千次阅读 2018-02-12 10:26:54
    应用场景:点击按钮"评论a"的时候,H5给安卓和ios传conmentid; <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8">...script src="js/jquery.js">&l...
  • 从一个页面传参到另一个页面,在 如何改变文本的样式 强调文本 强调文本 加粗文本 加粗文本 标记文本 删除文本 引用文本 H2O is是液体。 210 运算结果是 1024. 插入链接与图片 链接: link. 图片: 带尺寸的图片: ...
  • html>点击varbtn=document....btn.=function(){//1.创建ajax对象(此处兼容性的创建)varxhr=null;try{xhr=newXMLHttpRequest();}catch(e){xhr=newActiveXObject("Microsoft.XMLHTTP");}//2.调用open方法----注...
  • JavaScript与Android原生相互调用并传参

    千次阅读 2017-03-24 22:41:38
    最近项目中使用到了WebView通过JavaScript与Android原生进行交互,调用Android中的方法或者是调用Android手机硬件和资源,通过Google、百度了各种资料,因此,在这里分享一下,也把自己学习的知识做一个总结记录。...
  • https://blog.csdn.net/qq_25958497/article/details/86621651
  • 原生Js 两种方法实现页面关键字高亮显示 原生Js 两种方法实现页面关键字高亮显示 上网看了看别人写的,不是兼容问题就是代码繁琐,自己琢磨了一下用两种方法都可以实现,各有利弊. 方法一 依靠正则表达式修改 1.获取...
  • var str = JSON.stringify(strAddrs); //对象转为字符串 str = "../position.... //路由拼接 str = encodeURI(str); //encodeURI()是Javascript中真正用来对URL编码的函数 window.location.href = str
  • <!Doctype html> <html> <head> <title>js传参问题</title> <script type="text/javascript"> function get(username) { ...
  • 原文链接:http://blog.csdn.net/zhangwenwu2/article/details/77507381通过url传递参数是我们在开发中经常用到的一种传参方法,但通过url传递后改如果获取呢?下面这篇文章主要给大家介绍了关于vue如何不通过路由...
  • 原生Ajax的post带参数方法使用步骤: 1.创建一个核心对象XMLHttpRequest 2.编写一个回调函数 3.编写请求方式和请求路径(open操作) 4.编写请求头 5.发送请求(send操作) 例子:模拟注册用户名,若填入的...
  • A页面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta ...meta name="viewport" content="width=device-width, initial-scale=1.0">...Documen
  • <button bindtap="tap" data-tap="你真点我啊">点我啊</button> js: tap:e=>{ console.log(e.target.dataset.tap) }
  • js函数如下所示 function amz(index,logisticsId) { document.getElementById("index").value = index; document.getElementById("currentLogisticsId").value = l...
  • 原生ajax请求服务器 &amp;amp;lt;script&amp;amp;gt; function success(weiXinConfig) { console.log(&amp;quot;这是微信getConfig回调函数&amp;quot;+ weiXinConfig); // weiXinConfig = JSON....
  • js代码 var obj=location.search; //先获取传过来的所有参数 console.log(“obj”,obj) //?a=1&b=2&c=3&d=4 var str = obj.slice(1) console.log(“str”,str) // a=1&b=2&c=3&d=4 var str2...
  • 文章目录前言一、localStorage本地存储二、URL传值总结 这会不会是今天写的最简单的一篇文…? 前言 今天在学校做2020年的题,碰到一个需求:用户在这个页面选择了症状,需要在下一个页面显示出用户选择的项;...
  • H5与原生app交互,需要WebViewJavascriptBridge,废话不多直接上代码,下面是项目中的封装bridge.js的全部代码(示例代码为vue) //iOS 交互声明 function connectWebViewJavascriptBridgeIOS(callback) { if ...
  • 5个实用JS解构用法

    2020-12-20 05:30:17
    许多原生基本类型和对象都是可迭代的: array, string, typed arrays, set 和 map。 如果不想局限于基本类型,通过实现可迭代协议,可以定制解构逻辑。 movies包含一个movie对象列表。在解构movies时,将title...
  • 前段时间刚好用到mui框架,发现该框架不是很成熟,想要...这种方式,官网白皮书文档给出了说明,本人之前就是一直卡在传参原生怎么给HTML中传参原生代码获取不到PDRCoreAppFrame,网上也能找到网友提供的获取...
  • 原生ajax传值

    千次阅读 2017-10-15 22:59:10
    只有两种传值:GET 和 POST方式GET:xmlhttp.open("GET","target.php",true); xmlhttp.send(); //open里面函数值分别是“传值方式”、“目标网页”、“是否异步”,send中不用写... xmlhttp.setRequestHeader("Conte
  • 一、原生js创建ajax分一下几步:1.创建XMLHttpRequest对象var xhr = new XMLHttpRequest();2.设置请求成功后的操作xhr.onreadystatechange = function() {if (xhr.readyState == 4) {if (xhr.status == 200) {obj....
  • 原生js 获取路由参数

    2019-01-22 11:00:00
    方法一//获取url参数function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r !...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 12,618
精华内容 5,047
关键字:

原生js传参