js中页面与页面传参遇到Uncaught SyntaxError: Unexpected token =报错

最新推荐文章于 2024-06-02 20:58:22 发布

YXWik6

最新推荐文章于 2024-06-02 20:58:22 发布

阅读量2.9k

点赞数 2

分类专栏： JS

本文链接：https://blog.csdn.net/YXWik/article/details/97144476

版权

JS 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

首先准备了两个页面进行传参的测试
结果发现报错如下
在这里插入图片描述
这是首页

点击a标签跳转到另一个页面的时候发现参数传递过来可以打印，但是值是空，获取代码如下
这是第二个页面
之后尝试另一种传递参数的方法，使用#号去传递参数
首页中更改传递参数的方式
在这里插入图片描述
然后另一个页面获取，发现问题解决，参数成功的传递过来。

以此谨记前进道路上踩到的坑，避免以后再遇到。

下面是传递参数的代码，要使用的时候更改a标签内容即可
首页：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<a href="http://127.0.0.1:8020/vue_js/new_file.html#admin">跳转</a>
	</body>
</html>

跳转的页面：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
        <input type="text" name="username" value='' id="username"><br>
</body>
<script type="text/javascript">
  window.onload = function () {
         console.log(window.location.href)//此处会打印出当前页面的href的值，井号后面的为传递的参数，需要进行处理一下
         //首先要获取当前的href值
         let url = window.location.href.split('#');
         console.log(url[1]);//打印出来是一个数组，数组第一个值为#前半部分  数组的第二个就是我们传递的数据
 		$('#username').val(url[1]);
     }		
</script>
</html>

YXWik6

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
2
评论
js中页面与页面传参遇到Uncaught SyntaxError: Unexpected token =报错

首先准备了两个页面进行传参的测试结果发现报错如下这是首页点击a标签跳转到另一个页面的时候发现参数传递过来可以打印，但是值是空，获取代码如下这是第二个页面之后尝试另一种传递参数的方法，使用#号去传递参数首页中更改传递参数的方式然后另一个页面获取，发现问题解决，参数成功的传递过来。以此谨记前进道路上踩到的坑，避免以后再遇到。下面是传递参数的代码，要使用的时候更改a标签内容即可...
复制链接

扫一扫