从页面中往js里面传值

最新推荐文章于 2022-11-10 14:59:13 发布
最新推荐文章于 2022-11-10 14:59:13 发布
阅读量1.9k 收藏
点赞数 1
分类专栏： 技巧 文章标签： border javascript stylesheet class function table
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shanliangliuxing/article/details/7261121
版权

页面中用一个hidden标签:

<c:if test="${!empty user}">
            			当前用户：${user.userName} 
            			<input type="hidden" id="useractor" name="useractor" value="${user.actor}"/>
            		</c:if>


然后在js中用这样获得：

alert($("#useractor").val());

目的是为了把用户的角色传过去，这样不同的用户可访问的内容不同，以控制它们的权限，其实完全没必要这么做，因为用户在登录成功之后，用户信息就已经保存在Session中，在各个页面之间是共享的，可以直接在页面上使用user，而无需其他地方传值.

top.jsp文件：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/pages/common/global.jsp"%>
<%@ taglib uri="myhellotag" prefix="user" %>
<%
	Calendar c = Calendar.getInstance();
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<%@ include file="/pages/common/jquery.jsp"%>
<script src="${contextPath }/js/simpleajax.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>高德软件</title>

<link rel="stylesheet" href="${contextPath }/css/topstyle.css" type="text/css"></link>

<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.STYLE1 {
	font-size: 12px;
	color: #FFFFFF;
}
.STYLE2 {font-size: 9px}
.STYLE3 {
	color: #033d61;
	font-size: 12px;
}
-->
</style>
		<style>
* {
	margin: 0 auto;
	padding: 0;
	border: 0;
}

body {
	font: 12px "宋体";
	color: #FFF;
}

.lable {
	background: url(${contextPath }/images/frame/top_lable.jpg) no-repeat;
	width: 126px;
	height: 28px;
	float: left;
}

.lable p {
	margin-top: 8px;
}

.menu {
	background: url(${contextPath }/images/frame/top_menu.jpg) no-repeat;
	width: 348px;
	height: 28px;
	float: right;
}

.menu ul {
	margin: 8px 0 0 45px;
	list-style: none;
}

.menu li {
	display: inline;
}

.menu a {
	float: left;
	text-decoration: none;
	padding-left: 2px;
}

.menu a:hover {
	text-decoration: none;
}

.menu a span {
	display: block;
	padding-right: 10px;
	color: #FFF;
}

.menu a:hover span {
	color: #004c7e;
}

.menu_left {
	background: url(${contextPath }/images/frame/menu_left.jpg) no-repeat;
	width: 155px;
	height: 22px;
	float: left;
	margin: 3px 0 0 6px;
	text-align: center;
}

.menu_left p {
	margin-top: 5px;
}

.menu_list {
	width: 100%;
	height: 25px;
}

.menu_list ul {
	margin: 0;
	padding: 4px 0 0 1px;
	list-style: none;
}

.menu_list li {
	display: inline;
}

.menu_list a {
	float: left;
	text-decoration: none;
}

.menu_list a span {
	display: block;
	padding: 4px 10px 0 10px;
	font: 12px "宋体" color : #004c7e;
}

.menu_list a:hover span {
	color: #FFF;
	border: 1px solid #004c7e;
}

.menu_list a:hover {
	background: url(${contextPath }/images/frame/menu_list.jpg) repeat-x;
}
</style>
</head>

<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="70" background="${contextPath }/images/frame/main_05.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td height="24"><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="270" height="24" background="${contextPath }/images/frame/main_03.gif"> </td>
            <td width="505" background="${contextPath }/images/frame/main_04.gif"> </td>
            <td> </td>
            <td width="21"><img src="${contextPath }/images/frame/main_07.gif" width="21" height="24"></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td height="38"><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="270" height="38" background="${contextPath }/images/frame/toplogo.jpg"> </td>
            <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="77%" height="25" valign="bottom"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td> </td>
                  </tr>
                </table></td>
                <td width="220" valign="bottom"  nowrap="nowrap">
                	<div align="right">
                		<span class="STYLE1">
                			<span class="STYLE2">■</span> 
                			今天是：<%=c.get(Calendar.YEAR) + "年" + (c.get(Calendar.MONTH) + 1) + "月" + c.get(Calendar.DATE)%>日
							星期<%=String.valueOf(c.get(Calendar.DAY_OF_WEEK)).replace("2", "一").replace("3", "二").replace("4", "三").replace("5", "四").replace("6", "五").replace("7", "六").replace("1", "日")%>
                		</span>
                	</div>
                </td>
              </tr>
            </table></td>
            <td width="21"><img src="${contextPath }/images/frame/main_11.gif" width="21" height="38"></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td height="8" style=" line-height:8px;"><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="270" background="${contextPath }/images/frame/main_29.gif" style=" line-height:8px;"> </td>
            <td width="505" background="${contextPath }/images/frame/main_30.gif" style=" line-height:8px;"> </td>
            <td style=" line-height:8px;"> </td>
            <td width="21" style=" line-height:8px;"><img src="${contextPath }/images/frame/main_31.gif" width="21" height="8"></td>
          </tr>
        </table></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="28" background="${contextPath }/images/frame/main_36.gif">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="177" height="28" background="${contextPath }/images/frame/main_32.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="20%"  height="22"> </td>
            <td width="59%" valign="bottom">
            	<div align="center" class="STYLE1">
            		<c:if test="${!empty user}">
            			当前用户：${user.userName} 
            			<input type="hidden" id="useractor" name="useractor" value="${user.actor}"/>
            		</c:if>
            	</div>
            </td>
            <td width="21%"> </td>
          </tr>
        </table></td>
        <td background="${contextPath }/images/frame/main_36.gif">
	      <div id="navi" class="menu_list">
	        <ul>
	          <li id="b_1"><a 
	          		href="javascript:changeNavigate(1, '${contextPath }/pages/mainframe/left.jsp', '${contextPath }/pages/mainframe/rightindex.jsp');"><span>首页</span></a></li>
	          <li id="b_2"><a style="font-weight:bold;"  
	          		href="javascript:changeNavigate(2, '${contextPath }/pages/schedule/scheduleNavigate.jsp', '${contextPath }/pages/mainframe/rightindex.jsp');"><span>统计分析</span></a></li>
	          <li id="b_3"><a 
	          		href="javascript:changeNavigate(3, '${contextPath }/pages/bandwidth/bandwidthNavigate.jsp', '${contextPath }/pages/mainframe/rightindex.jsp');"><span>带宽信息</span></a></li>
	          <li id="b_4"><a 
	          		href="javascript:changeNavigate(4, '${contextPath }/pages/logdownload/logdownloadNavigate.jsp', '${contextPath }/pages/mainframe/rightindex.jsp');"><span>日志下载</span></a></li>
	          <li id="b_5"><a 
	          		href="javascript:changeNavigate(5, '${contextPath }/pages/mainframe/left.jsp', '${contextPath }/pages/mainframe/rightindex.jsp');"><span>在线支持</span></a></li>
	          <li id="b_6"><a 
	          		href="javascript:changeNavigate(6, '${contextPath }/pages/user/userNavigate.jsp', '${contextPath }/pages/mainframe/rightindex.jsp');"><span><user:myhellotag></user:myhellotag></span></a></li>
	          <li id="b_7"><a 
	          		href="javascript:changeNavigate(7, '${contextPath }/pages/mainframe/left.jsp', '${contextPath }/pages/mainframe/rightindex.jsp');"><span>帮助</span></a></li>
	        </ul>
	      </div>
	    </td>
	    
        <td width="50"><div align="center"><a href="javascript:logout();" ><img src="${contextPath }/images/frame/main_20.gif" width="48" height="19"></a></div></td>
        <td width="21"><img src="${contextPath }/images/frame/main_37.gif" width="21" height="28"></td>
      </tr>
    </table></td>
  </tr>
</table>
</body>
</html>
<script>
<!--
var colorArray=new Array("#706c9c","#4f8088","#628b62","#8d668d","#806b94","#588271","#ab7a4e","#769049","#598ab6","#935c62","#8b8746");
var classArray=new Array("blueadd1","cyan","green","purple","indigo","blueadd2","orange","red","blue","olivine","yellow");
function heartBreak(){
	$.ajax({url:'${contextPath}/pages/common/heartbreak.jsp',cache:false});
}
setInterval('heartBreak()',10000);

function index() {
	window.parent.location = "${contextPath }/pages/mainframe/main.jsp";
}

function logout() {
	window.parent.location = "${contextPath }/pages/j_acegi_logout";
}

function changeNavigate(num, leftURL, rightURL) {
	$('#navi > ul').children("li").removeClass();
	$('#navi > ul').children("li").addClass('line');
	
	var div=document.getElementById('navi');
	
	$('#b_'+(num)).addClass("blue");
	
	if(num-1>=0) {
		$('#b_'+(num)).prev('li').removeClass();
	}
	
	$('#navi').css('borderBottomColor',colorArray[num]);
	
	alert($("#useractor").val());
	leftURL += "?useractor=" + $("#useractor").val();
	
	window.parent.frames["mainFrame"].frames["centerFrame"].frames["leftFrame"].location = leftURL;
	window.parent.frames["mainFrame"].frames["centerFrame"].frames["rightFrame"].location = rightURL;
}


function cancelButLi(){
	$('#navi > ul').children("li").removeClass();
	$('#navi > ul').children("li").addClass('line');
}

function changeButLi(num,url){
	if(num<0)
		return;
	cancelButLi();
	var div=document.getElementById('navi');
	
	$('#b_'+(num)).addClass("blue");
	
	if(num-1>=0)
		$('#b_'+(num)).prev('li').removeClass();
	
	$('#navi').css('borderBottomColor',colorArray[num]);
	
	if(url!=null&&url!=""){
		window.location=url;
	}
}
try{
	Keeper.addListener('cometAction',refreshPage);
}catch(e){}
--></script>


userNavigate.jsp文件：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/pages/common/global.jsp"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<%@ include file="/pages/common/jquery.jsp"%>
	<script src="${contextPath }/js/simpleajax.js"></script>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
	<title>高德软件</title>
	<link rel="stylesheet" href="${contextPath }/css/results.css" type="text/css" />
	<link rel="stylesheet" href="${contextPath }/css/style.css" type="text/css" media="all" />
	
	<link rel="stylesheet" href="${contextPath }/js/tipswindown/tipswindown.css" type="text/css" media="all" />
	<script src="${contextPath }/js/tipswindown/jquery.js"></script>
    <script src="${contextPath }/js/tipswindown/tipswindown.js"></script>
	
	<script src="${contextPath }/js/simpleajax.js"></script>
	<script type="text/javascript" src="${contextPath}/js/My97DatePicker/WdatePicker.js" defer="defer"></script>
	<script><!--
		function gotoPage(currentPage,form) {
			goto_Page(currentPage,form,"actionDiv");
		}
		function addAccount(){
			$("#actionDiv").load("${contextPath }/accountAction.do?method=addAccount");
			$("#chance_search_div").hide();
		}
	--></script>
	<style type="text/css">
	<!--
	body {
		margin-left: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
	}
	.STYLE1 {
		font-size: 12px;
		color: #FFFFFF;
	}
	.STYLE3 {
		font-size: 12px;
		color: #033d61;
	}
	-->
	</style>
	<style type="text/css">
	.menu_title SPAN {
		FONT-WEIGHT: bold; LEFT: 3px; COLOR: #ffffff; POSITION: relative; TOP: 2px 
	}
	.menu_title2 SPAN {
		FONT-WEIGHT: bold; LEFT: 3px; COLOR: #FFCC00; POSITION: relative; TOP: 2px
	}
	
	</style>
	<script>
	var he=document.body.clientHeight-105
	document.write("<div id=tt style=height:"+he+";overflow:hidden>")
	</script>
</head>

<body>
<table width="165" height="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td height="28" background="${contextPath }/images/frame/main_40.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="19%"> </td>
        <td width="81%" height="20"><span class="STYLE1">管理菜单</span></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td valign="top"><table width="151" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td height="23" background="${contextPath }/images/frame/main_47.gif" id="imgmenu1" class="menu_title" onMouseOver="this.className='menu_title2';" onClick="showsubmenu(1)" onMouseOut="this.className='menu_title';" style="cursor:hand"><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="18%"> </td>
                <td width="82%" class="STYLE1">用户管理</td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td background="${contextPath }/images/frame/main_51.gif" id="submenu1">
			 <div class="sec_menu" >  
			<table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td><table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
                  <tr>
                    <td width="16%" height="25"><div align="center"><img src="${contextPath }/images/frame/left.gif" width="10" height="10" /></div></td>
                    <td width="84%" height="23"><table width="95%" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                          <td height="20" style="cursor:hand" οnmοuseοver="this.style.borderStyle='solid';this.style.borderWidth='1';borderColor='#7bc4d3'; "οnmοuseοut="this.style.borderStyle='none'" οnclick="changeNavigate('${contextPath }/pages/user/userInfo.jsp');"><span class="STYLE3">用户信息</span></td>
                        </tr>
                    </table></td>
                  </tr>
                  
                  <c:if test="${user.actor eq 3}">
                  <tr>
                    <td height="23"><div align="center"><img src="${contextPath }/images/frame/left.gif" width="10" height="10" /></div></td>
                    <td height="23"><table width="95%" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                          <td height="20" style="cursor:hand" οnmοuseοver="this.style.borderStyle='solid';this.style.borderWidth='1';borderColor='#7bc4d3'; "οnmοuseοut="this.style.borderStyle='none'" οnclick="changeNavigate('${contextPath }/pages/user/userAdd.jsp');"><span class="STYLE3">新建用户</span></td>
                        </tr>
                    </table></td>
                  </tr>
                  </c:if>
                  
                </table></td>
              </tr>
              <tr>
                <td height="5"><img src="${contextPath }/images/frame/main_52.gif" width="151" height="5" /></td>
              </tr>
            </table></div></td>
          </tr>
          
        </table></td>
      </tr>
      <tr>
        <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td height="23" background="${contextPath }/images/frame/main_47.gif" id="imgmenu2" class="menu_title" οnmοuseοver="this.className='menu_title2';" οnclick="showsubmenu(2)" οnmοuseοut="this.className='menu_title';" style="cursor:hand"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td width="18%"> </td>
                  <td width="82%" class="STYLE1">系统管理</td>
                </tr>
            </table></td>
          </tr>
          <tr>
            <td background="${contextPath }/images/frame/main_51.gif" id="submenu2"><div class="sec_menu" >
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td><table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
                        <tr>
                          <td width="16%" height="25"><div align="center"><img src="${contextPath }/images/frame/left.gif" width="10" height="10" /></div></td>
                          <td width="84%" height="23"><table width="95%" border="0" cellspacing="0" cellpadding="0">
                              <tr>
                                <td height="20" style="cursor:hand" οnmοuseοver="this.style.borderStyle='solid';this.style.borderWidth='1';borderColor='#7bc4d3'; "οnmοuseοut="this.style.borderStyle='none'" οnclick="changeNavigate('${contextPath }/pages/mainframe/construction.jsp');"><span class="STYLE3">系统配置</span></td>
                              </tr>
                          </table></td>
                        </tr>
                        <tr>
                          <td height="23"><div align="center"><img src="${contextPath }/images/frame/left.gif" width="10" height="10" /></div></td>
                          <td height="23"><table width="95%" border="0" cellspacing="0" cellpadding="0">
                              <tr>
                                <td height="20" style="cursor:hand" οnmοuseοver="this.style.borderStyle='solid';this.style.borderWidth='1';borderColor='#7bc4d3'; "οnmοuseοut="this.style.borderStyle='none'" οnclick="changeNavigate('${contextPath }/pages/mainframe/construction.jsp');"><span class="STYLE3">数据更新</span></td>
                              </tr>
                          </table></td>
                        </tr>
                        <tr>
                          <td height="23"><div align="center"><img src="${contextPath }/images/frame/left.gif" width="10" height="10" /></div></td>
                          <td height="23"><table width="95%" border="0" cellspacing="0" cellpadding="0">
                              <tr>
                                <td height="20" style="cursor:hand" οnmοuseοver="this.style.borderStyle='solid';this.style.borderWidth='1';borderColor='#7bc4d3'; "οnmοuseοut="this.style.borderStyle='none'" οnclick="changeNavigate('${contextPath }/pages/mainframe/construction.jsp');"><span class="STYLE3">网站维护</span></td>
                              </tr>
                          </table></td>
                        </tr>
                    </table></td>
                  </tr>
                  <tr>
                    <td height="5"><img src="${contextPath }/images/frame/main_52.gif" width="151" height="5" /></td>
                  </tr>
                </table>
            </div></td>
          </tr>
        </table>          </td>
      </tr>
      <tr>
        <td>
        	<table width="100%" border="0" cellspacing="0" cellpadding="0">
        	</table>
        </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="18" background="${contextPath }/images/frame/main_58.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td height="18" valign="bottom"><div align="center" class="STYLE3">版本：2012V1.0</div></td>
      </tr>
    </table></td>
  </tr>
</table>

<script>
function showsubmenu(sid) {
	whichEl = eval("submenu" + sid);
	imgmenu = eval("imgmenu" + sid);
	if(whichEl.style.display == "none") {
		eval("submenu" + sid + ".style.display=\"\";");
		imgmenu.background="${contextPath }/images/frame/main_47.gif";
	} else {
		eval("submenu" + sid + ".style.display=\"none\";");
		imgmenu.background="${contextPath }/images/frame/main_48.gif";
	}
}

function changeNavigate(url) {
	window.parent.frames["rightFrame"].location = url;
}
</script>
</body>
</html>

 

 

看下面这段代码：

<tr>
										<td colspan="4" bgcolor="#FFFFFF">
											<div align="center">
												<input type="button" value="修改" class="buttonC"
													οnclick="javascript:modifyUser('${contextPath }/userAction.do?method=toUpdateUser&userId=${user.userId }','actionDiv');"/>
											</div>
										</td>
									</tr>


主要是这一句代码：

οnclick="javascript:modifyUser('${contextPath }/userAction.do?method=toUpdateUser&userId=${user.userId }','actionDiv');"

是想让看一下${user.userId }的用法,直接往js里面传值。

现在看来有好多东西自己想都想不到，唉，还是要多经历!

 

 



 

shanliangliuxing
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript 两个页面之间传值
10-17
javascript 两个页面之间传值 使用window.open（）
asp.net 两个不同页面的传值
10-30
文中提到，在模拟弹出页面中，通常只能在Page_Load事件里面写页面绑定的方法，而不能进行服务器端的操作。这是因为模拟窗口实际上是在父页面的上下文中执行的，服务器端的操作可能会导致页面跳转，从而无法在模拟...
给js文件传参数
weixin_30748995的博客
11-23 189
一、利用全局变量 这是最简单的一种方式，比如Google Adsense: <script type="text/javascript"> google_ad_client ='pub-3741595817388494'; </script> <script type="text/javascript" src="http://pagead2. googles...
如何在javascript中传值
zzgl的专栏
04-30 1135
1function openwin(url) {window.open (url, "详细信息", "height=350, width=600,top=80,left=100, toolbar=no, menubar=no, scrollbars=yes, resizable=no, location=no, status=no")}23456
js文件之间传递值
qq_24138151的博客
01-09 4283
问题背景: 做web页面展示数据分页的时候,找了一个分页插件来用,插件直接引入一个js,插件全部都是js动态生成的,不好操作,但自己页面的js需要计算当前页,及总页数,这就需要把自己计算的结果与插件中的值统一,,所以需要在js文件之间传值. 解决办法: 使用cookie set值以后去另一个js文件get值即可. 具体实例步骤: 一 .引入 jquery.cookie.js 内容
JS文件传值问题
yitonglizihao的博客
05-06 839
最近需要实现一个功能就是在其他多个项目中调用本项目中的JS来实现界面的更改。如下：问号“？”后根据ID，让本项目知道是谁调用本大爷。 调用JS的方式 "text/javascript" src="./test.js?ID=1">     在下面的方法中解析出调用url后面的参数值。 解析参数方式 var jsFileName =
Angular页面间切换及传值的4种方法
01-21
本文实例为大家分享了Angular JS页面间切换及传值 的方法，供大家参考，具体内容如下Angular JS页面间切换及传值 1. 基于ui-router的页面跳转传参 (1) 在AngularJS的app.js中用ui-router定义路由，比如现在有两个...
微信小程序实现两个页面传值的方法分析
01-03
本文实例讲述了微信小程序实现两个页面传值的方法。分享给大家供大家参考，具体如下： 需求：发送页面通过url传值，接收页面获取值。 发送页面的js var nowid='10'; wx.navigateTo({ url: '../index/index?id='+...
在Js页面通过POST传递参数跳转到新页面详解
12-02
最近在工作中遇到一个需求，有个页面 a.vm，对 ajax 请求的结果进行判断后，获取结果里面的数据传递给一个 URL（b.htm），跳转到新的页面 b.htm。 遇到的问题 因为一开始是 GET 请求，所以当传递的数据过大的时候，...
在html页面中弹出子页面效果
03-09
- **JSP**：在主页面的JSP中，添加触发弹出的按钮或链接，通过JavaScript事件监听器绑定打开子页面的函数。 - **Struts配置**：在struts-config.xml中配置Action，将请求映射到对应的Action。 4. **示例代码：** ...
在JS中。页面间传值
04-24
在JS里面，在A页面中打开B页面。然后在B页面中返回一个值,在A页面显示
javascript 自定义eval函数实现
04-04
NULL 博文链接：https://javasam.iteye.com/blog/1461999
js 之间的页面传值的
Jon_jing的博客
10-18 988
主要是两个页面之间的传对象值 本文章原创，转载请标明出处和作者。打字不易啊。请珍惜我的劳动成果。谢啦
html 选择框 传值 js,HTML通过事件传递参数到js
weixin_42353258的博客
06-03 464
目标处理函数为selectAttr(test)1.直接传递给定参数如:onclick="selectAttr('1');onclick="selectAttr('a');2.传递某属性值onclick="selectAttr(typeName.value);onclick="selectAttr(nameId.value);3.传递this对象onclick="selectAttr(this);通...
html 与js交互时，页面间传值
study724的专栏
03-20 840
1）如果框架中想跳转并传值，例： html中：                     --> 则：    //con--right $(function () {     var user_name=$.query.get("user_name");     var user_id = $.query.get("user_id");
javascript静态页面传值的三种方法---静态页面值传递之URL篇
独孤听雨
12-30 664
本文转载至：http://www.jb51.net/article/43106.htm
微信小程序实现wxml视图向js传递参数的方法
xcjlk的博客
03-25 3603
<input type="text" placeholder="写一条自己的动态吧~" name="search" value="" placeholder-class="plac" bindinput="inputValue" /> </view> data: { inputValue: "", } /**输入函数 */ inputVal...
js实现页面与页面之间传值的三种方法
热门推荐
橙-极纪元-cplvfx-JJY.Cheng
07-12 4万+
利用地址栏URL传值 A页面传值 <input type="text" id="txt"> </br> <input type="button" value="TEST" onclick="test()"/> <SCRIPT LANGUAGE="JavaScript"> function test(){ var s...
script src 方式传递参数
weixin_52013157的博客
11-10 1475
scriptsrc 方式传递参数
vue3 提示 写一个a页面往b页面传值
最新发布
06-13
在Vue3中，可以通过使用路由传参来实现从一个页面往另一个页面传值。 首先，在定义路由时，需要在路由配置中添加props属性，并将其设为true，如下所示： ```javascript const router = createRouter({ routes: [ { path: '/b', name: 'PageB', component: PageB, props: true }, { path: '/a', name: 'PageA', component: PageA } ] }) ``` 接着，在PageA组件中，可以通过router.push方法跳转到PageB组件，并传递参数，如下所示： ```javascript <template> <div> <button @click="goToPageB">Go to Page B</button> </div> </template> <script> import { useRouter } from 'vue-router' export default { setup() { const router = useRouter() const goToPageB = () => { router.push({ name: 'PageB', props: { message: 'Hello Page B!' } }) } return { goToPageB } } } </script> ``` 最后，在PageB组件中，可以通过props接收传递的参数，如下所示： ```javascript <template> <div> <p>{{ message }}</p> </div> </template> <script> export default { props: { message: String } } </script> ``` 这样就完成了从PageA往PageB传递参数的操作。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值