JS-父页面给子页面元素赋值

最新推荐文章于 2019-02-28 17:21:00 发布

Fantacy.

最新推荐文章于 2019-02-28 17:21:00 发布

阅读量1.9k

点赞数

CC 4.0 BY-SA版权

分类专栏： ⦿ 开发技术

本文链接：https://blog.youkuaiyun.com/Little_Stars/article/details/84999773

⦿ 开发技术专栏收录该内容

96 篇文章

订阅专栏

本文介绍了一种在父页面与子页面间通过URL参数传递数据的方法，使用了JS自带函数encodeURIComponent进行编码，确保了数据的安全传输。子页面通过getURLPara函数解析URL参数，实现页面初始化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

父页面相关代码：

// 打开子页面，并传值 ，encodeURIComponent 是JS自带函数  
$("#btn_cron").click(function(){
    	var cronExpression = $("#cronExpression").val();
    	var test1 = window.open (
    		'/cron.html?cron1='+encodeURIComponent(cronExpression)
    		, 'newwindow'
    		,'height=440, width=830, top=50%,left=50%, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no,status=no'
    	);
});

子页面相关代码：

window.onload = function(){ 
　　　 	initUrl();
　　	} 
// 初始化
function initUrl(){
	var cron1 = getURLPara("cron1");
	cron1 = decodeURIComponent(cron1);
	$("#cron").val( cron1 );
	btnFan();
}
// 获取URL参数值
function getURLPara(name) { 
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); 
    var r = window.location.search.substr(1).match(reg); 
    if (r != null) return unescape(r[2]); 
    return null; 
}