最近在寫進銷存的項目，iframe頁面內，點擊按鈕》彈出子頁面。這里需要將父級頁面的id傳給子頁面中。做個筆記。
思路：在父級頁面表格的前面加個<input type="hidden" value="1"/>，將value值傳給后台。【設置type="hidden"的原因：操作這條數據必需通過id進行操作，所以頁面上必需有id。但是又不能在頁面中展示出來，所以需要將id隱藏】
（1）父級頁面
HTML部分：
<tr class="table-content"> <input type="hidden" value="1"/> <td>1001</td> <td>鑫鑫家居有限公司+</td> <td>張三</td> <td>15145672211</td> <td>北京海淀區</td> <td>9:00-16:00</td> <td>未審核</td> <td class="operate"> <button class="edit" type="button" onclick="ShopEdit(this)">編輯</button> <button class="del" type="button" onclick="ShopDel(this)">刪除</button> </td> </tr>
JS部分：
/*編輯按鈕的 onclick事件*/ function ShopEdit(edit){ var $this = $("edit"); var tr = $this.closest("tr"); var id_input = $(tr).children("input"); var id_val=$(id_input[0]).val();//獲取id值
//獲取id_val的第二種寫法
//var id_val = $(edit).parent().siblings("input").val();
window.location.href="pop/ShopEditPop.html?id="+id_val;//這里是pop/ShopEditPop.do?id="+id_val，寫成html我這里是方便測試；ShopEditPop.html是子頁面
}
（2）子頁面
子頁面中 ，點擊"提交審核按鈕",將表單中數據傳給后台
//提交表單*/ $(".sub-btn").click(function () { var formData = new FormData($( "#ShopAddForm" )[0]);//$( "#ShopAddForm" )[0] 獲取form元素 //表單校驗是否成功 var flag = validateForm(); if (flag) { $.ajax({ url: '', type: 'post', dataType: 'json', data: formData, success: function () { alert("請求成功！") var fir = parent.document.getElementsByTagName("iframe");//關閉當前頁面刷新父級頁面 $(fir).attr("src","ShopList.html"); } }); } else { alert("表單校驗失敗"); /*var fir = parent.document.getElementsByTagName("iframe");/!*測試用的*!/ $(fir).attr("src","ShopList.html");*/ } });
#ShopAddForm是form標簽的ID類名
validateForm 方法 是對頁面中的表單進行校驗操作
function validateForm() { var result = true; var count = 0; //input驗證 var $input = $("input[type!='button']"); $.each($input, function (i, item) { var val = $(item).val(); if (val == "" || val == null || val == undefined) { $(item).siblings(".hint").css("visibility", "visible"); count++; } else { $(item).siblings(".hint").css("visibility", "hidden"); } }); //select驗證 var $select = $("select"); $.each($select, function (i, item) { var val = $(item).children("option:selected").val(); if (val == "" || val == null || val == undefined) { $(item).siblings(".hint").css("visibility", "visible"); count++; } else { $(item).siblings(".hint").css("visibility", "hidden"); } }); //textarea驗證 var $textarea = $("textarea"); $.each($textarea, function (i, item) { var val = $(item).val(); if (val == "") { $(item).siblings(".hint").css("visibility", "visible"); count++; } else { $(item).siblings(".hint").css("visibility", "hidden"); } }); if (count > 0) result = false; return result; }
子頁面的html部分：
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>供貨商編輯</title> <link href="../../css/pop/ShopListAddPop.css" type="text/css" rel="stylesheet"/> <link href="../../datepair/jquery.ptTimeSelect.css" type="text/css" rel="stylesheet"/> <!--時間插件--> <link href="http://code.jquery.com/ui/1.7.2/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css" media="all"/> <!--時間插件--> <link href="../../css/pop/layerCom.css" rel="stylesheet" type="text/css"/><!--layer插件頭部樣式--> <style> .shangchuan input{ width: 220px !important; } .shangchuan img{ margin-left: 35px; margin-right: 20px; width: 50px; height: 50px; vertical-align: bottom; cursor: pointer; transition: all 0.6s; } .shangchuan img:hover{ transform: scale(2); } </style> </head> <body> <div class="container"> <!--頭部開始--> <div class="header-wrap"> <div class="header"> <a href="##">首頁</a> > <a href="##">店鋪管理</a> > <a href="##">店鋪列表</a> </div> <P>店鋪添加</P> </div> <!--頭部結束--> <div class="content"> <p>店鋪信息</p> <form id="ShopEditForm" method="post" action=""> <div class="txt-wrap"> <div class="left row"> <div class="test1"><i>*</i>招牌名</div> <div class="test1"><i>*</i>商戶LOGO</div> <div class="test1"><i>*</i>營業執照名稱</div> <div class="test1"><i>*</i>營業執照號碼</div> <div class="test1"><i>*</i>營業執照到期時間</div> <div class="test1"><i>*</i>營業執照圖片</div> <div class="test1"><i>*</i>稅務登記證圖片</div> <div class="test1"><i>*</i>經緯度</div> <div class="test1"><i>*</i>商戶認證級別</div> <div class="test1"><i>*</i>地址</div> <div class="test1"><i>*</i>詳細地址</div> <div class="test1"><i>*</i>所屬行業</div> <div class="test1"><i>*</i>法人姓名</div> <div class="test1"><i>*</i>法人身份證</div> <div class="test1"><i>*</i>法人身份證圖片</div> <div class="test1"><i>*</i>法人身份證到期時間</div> <div class="test1"><i>*</i>組織機構代碼證號碼</div> <div class="test1"><i>*</i>組織機構代碼證圖片</div> <div class="test1"><i>*</i>代碼證到期日期</div> <div class="test1"><i>*</i>營業時間</div> <div class="test1"><i>*</i>固定電話</div> <div class="test1 refer"><i>*</i>商戶簡介</div> </div> <!--表單內容 開始--> <div class="right row"> <div class="test2 txt-com"> <input id="StoreAddTxt1" class="shopAdd-zpm" name="txt1Name" style="margin-top: 44px" type="text"/> <div id="Prompt1" class="txt-com hint"><i>招牌名不能為空！</i></div> </div> <div class="test2 txt-com shangchuan"> <input type="text" name="filetext1" readonly="readonly"/> <!--multiple="multiple"多文件上傳 accept="image/*"上傳文件的類型--> <input id="myfile1" style="display: none" type="file" name="file1Name" onchange="fileChange(this)"/> <img src="../../images/cs.jpg"/> <label class="UpLoad" for="myfile1">上傳</label> <div id="Prompt2" class="txt-com hint"><i>商戶LOGO不能為空！</i></div> </div> <div class="test2 txt-com"> <input id="StoreAddTxt3" type="text" name="txt2Name"/> <div id="Prompt3" class="txt-com hint"><i>營業執照名稱不能為空！</i></div> </div> <div class="test3 txt-com"> <input id="StoreAddTxt4" type="text" maxlength="13" name="txt3Name"/> <div id="Prompt4" class="txt-com hint"><i>營業執照號碼錯誤！</i></div> </div> <div class="test4 txt-com"> <input id="StoreAddTxt5" class="date date-text1 laydate-icon" name="txt4Name" type="text" readonly="readonly" onclick="laydate()"/> <div id="Prompt5" class="txt-com hint"><i>營業執照到期時間不能為空！</i></div> </div> <div class="test2 txt-com shangchuan"> <input type="text" name="filetext2" readonly="readonly"> <input id="myfile2" style="display: none" type="file" name="file2Name" onchange="fileChange(this)"> <img src="../../images/cs.jpg"/> <label class="UpLoad" for="myfile2">上傳</label> <div id="Prompt6" class="txt-com hint"><i>營業執照圖片不能為空！</i></div> </div> <div class="test2 txt-com shangchuan"> <input type="text" name="filetext3" readonly="readonly"> <input id="myfile3" style="display: none" type="file" name="file3Name" onchange="fileChange(this)"> <img src="../../images/cs.jpg"/> <label class="UpLoad" for="myfile3">上傳</label> <div id="Prompt7" class="txt-com hint"><i>稅務登記證圖片不能為空！</i></div> </div> <div class="test4 txt-com"> <input id="StoreAddTxt8" type="text" name="txt5Name" /> <div id="Prompt8" class="txt-com hint"><i>經緯度不能為空！</i></div> </div> <div class="test5 txt-com"> <select id="StoreAddTxt9" class="set1" name="txt6Name" style="font-size:16px;margin-top: 23px;color: #2e3440;"> <option selected="selected" value="">請選擇</option> <option value="1">請選擇1</option> <option value="2">請選擇2</option> </select> <div id="Prompt9" class="txt-com hint"><i>商戶認證級別不能為空！</i></div> </div> <div class="test6 txt-com" name="txt7Name" > <select id="StoreAddTxt10-1" name="province" class="province set-com" style="font-size:16px;margin-top: 22px;color: #2e3440;padding: 0 65px 0 15px;"></select> <select id="StoreAddTxt10-2" name="city" class="city set-com" style="font-size:16px;margin-top: 22px;color: #2e3440;padding: 0 65px 0 15px;"></select> <select id="StoreAddTxt10-3" name="district" class="district set-com" style="font-size:16px;margin-top: 22px;color: #2e3440;padding: 0 65px 0 15px;"></select> <div id="Prompt10" class="txt-com hint"><i>地址不能為空！</i></div> </div> <div class="test7 txt-com"> <input id="StoreAddTxt11" class="shopAdd-xxdz" name="txt8Name" type="text"/> <div id="Prompt11" class="txt-com hint"><i>詳細地址不能為空！</i></div> </div> <div class="test5 txt-com"> <select id="StoreAddTxt12" class="set1" name="txt9Name" style="font-size:16px;margin-top: 23px;color: #2e3440;"> <option selected="selected" value="">請選擇</option> <option value="1">請選擇1</option> <option value="2">請選擇2</option> </select> <div id="Prompt12" class="txt-com hint"><i>所屬行業不能為空！</i></div> </div> <div class="test4 txt-com"> <input id="StoreAddTxt13" class="shopAdd-fr" name="txt10Name" type="text"/> <div id="Prompt13" class="txt-com hint"><i>法人姓名不能為空！</i></div> </div> <div class="test4 txt-com"> <input id="StoreAddTxt14" name="txt11Name" type="text"/> <div id="Prompt14" class="txt-com hint"><i>法人身份證不能為空！</i></div> </div> <div class="test2 txt-com shangchuan"> <input type="text" name="filetext4" readonly="readonly"> <input id="myfile4" style="display: none" type="file" name="file4Name" onchange="fileChange(this)"> <img src="../../images/cs.jpg"/> <label class="UpLoad" for="myfile4">上傳</label> <div id="Prompt15" class="txt-com hint"><i>法人身份證圖片不能為空！</i></div> </div> <div class="test4 txt-com"> <input id="StoreAddTxt16" class="date date-text1 laydate-icon" name="txt12Name" type="text" readonly="readonly" onclick="laydate()"/> <div id="Prompt16" class="txt-com hint"><i>法人身份證證到期時間不能為空！</i></div> </div> <div class="test4 txt-com"> <input id="StoreAddTxt17" name="txt13Name" type="text" maxlength="9"/> <div id="Prompt17" class="txt-com hint"><i>組織機構代碼證號碼不能為空！</i></div> </div> <div class="test2 txt-com shangchuan"> <input type="text" name="filetext5" readonly="readonly"> <input id="myfile5" style="display: none" type="file" name="file5Name" onchange="fileChange(this)"> <img src="../../images/cs.jpg"/> <label class="UpLoad" for="myfile5">上傳</label> <div id="Prompt118" class="txt-com hint"><i>組織機構代碼證圖片不能為空！</i></div> </div> <div class="test4 txt-com"> <input id="StoreAddTxt19" class="date date-text1 laydate-icon" name="txt14Name" type="text" readonly="readonly" onclick="laydate()"/> <div id="Prompt19" class="txt-com hint"><i>代碼證到期日期不能為空！</i></div> </div> <div id="yysj" class="test4 txt-com"> <input id="StoreAddTxt20-1" class="time start date date-text1 shopAdd-yysj" name="txt15Name" type="text" readonly="readonly"/> <span style="font-size: 16px;color: #2e3440;"> to </span> <input id="StoreAddTxt20-2" class="time end date date-text1 shopAdd-yysj" name="txt15Name2" type="text" readonly="readonly"/> <div id="Prompt20" class="txt-com hint"><i>營業時間不能為空！</i></div> </div> <div class="test8 txt-com "> <input id="StoreAddTx21-1" class="test8-1 shopAdd-gddh" name="txt16Name" type="text"/> <i style="font-size: 16px;margin: 0 5px;">—</i> <input id="StoreAddTxt21-2" class="test8-2 shopAdd-gddh" name="txt16Name2" type="text"/> <div id="Prompt21" class="txt-com hint"><i>固定電話不能為空！</i></div> </div> <div class="test9 txt-com"> <textarea id="StoreAddTxt22" cols="40" rows="8" name="txt17Name"></textarea> <div id="Prompt22" class="txt-com hint"><i>商戶簡介不能為空！</i></div> </div> <!--提交按鈕開始--> <div class="footer-btn"> <input class="save-btn" type="button" value="保存"/> <input class="sub-btn" type="button" value="提交審核"/> </div> <!--提交按鈕結束--> </div> <!--文本框內容 結束--> </div> </form> <!----> </div> </div> <script src="../../js/jquery.js" type="text/javascript"></script> <script src="../../laydate/laydate.js" type="text/javascript"></script> <script src="../../js/jquery.area.js" type="text/javascript"></script><!--三級聯動js--> <script src="../../datepair/jquery.ptTimeSelect.js" type="text/javascript"></script><!--時間插件--> <script src="../../datepair/jquery.datepair.js" type="text/javascript"></script><!--時間插件--> <script src="../../js/elements.fileinput.js" type="text/javascript"></script><!--圖片上傳插件--> <script src="../../layer/layer.js" type="text/javascript"></script> <script> /*****三級聯動js內容開始*****/ (function ($) { $(function () { var defalutOptions = { cityClass: '.city', districtClass: '.district', inputCode: '.code', inputText: '.text' }; $('.province').area(defalutOptions); }); })(jQuery); /*****三級聯動js內容結束*****/ /*****時間插件開始*****/ $(function () { $('#yysj .time').ptTimeSelect({ 'onClose': function ($self) { $self.trigger('change'); } }); $('#yysj .date').pikaday(); var TIMEFORMAT = 'h:mm a'; $('#yysj').datepair({ parseTime: function ($input) { // use moment.js to parse time var m = moment($input.val(), TIMEFORMAT); return m.toDate(); }, updateTime: function ($input, dateObj) { var m = moment(dateObj); $input.val(m.format(TIMEFORMAT)); }, parseDate: function ($input) { var picker = $input.data('pikaday'); return picker.getDate(); }, updateDate: function ($input, dateObj) { var picker = $input.data('pikaday'); return picker.setDate(dateObj); } }); }) /*****時間插件內容結束*****/ /*file文件上傳*/ $("#myfile1").change(function (event) { var name = event.target.value; $("input[name='filetext1']").val(name); }); $("#myfile2").change(function (event) { var name = event.target.value; $("input[name='filetext2']").val(name); }); $("#myfile3").change(function (event) { var name = event.target.value; $("input[name='filetext3']").val(name); }); $("#myfile4").change(function (event) { var name = event.target.value; $("input[name='filetext4']").val(name); }); $("#myfile5").change(function (event) { var name = event.target.value; $("input[name='filetext5']").val(name); }); /*file文件上傳 結束*/ /*****限制上傳文件大小*****/ function fileChange(target){//target表示當前的上傳文件 var file = target.files[0]; var img = $(target).siblings("img"); var c = URL.createObjectURL(file); alert(path); var isIE = /msie/i.test(navigator.userAgent) && !window.opera; var fileSize = 0; if (isIE) { var filePath = target.value; var fileSystem = new ActiveXObject("Scripting.FileSystemObject"); var file = fileSystem.GetFile (filePath); fileSize = file.Size; } else { fileSize = target.files[0].size; } var size = fileSize / 1024; if(size>3000){ alert("附件不能大於3M"); target.value=""; return } var name=target.value; var fileName = name.substring(name.lastIndexOf(".")+1).toLowerCase(); if(fileName !="jpg" && fileName !="jpeg" && fileName !="pdf" && fileName !="png" && fileName !="dwg" && fileName !="gif" ){ alert("請選擇圖片格式文件上傳(jpg,png,gif,dwg,pdf,gif等)！"); target.value=""; return } //設置圖片url } /*****限制上傳文件大小 結束*****/ /*&&&&&&&&&&限制文本框輸入的長度&&&&&&&&&&*/ $(function(){ $("#StoreAddTxt4").click('input',function(e){ if(this.value.length === 13) { //如果輸入長度等於13，則禁用輸入 $('input[type="submit"]').prop('disabled', false); } else { $('input[type="submit"]').prop('disabled', true); } }) $("#StoreAddTxt17").click('input',function(e){ if(this.value.length === 9) { //如果輸入長度等於13，則禁用輸入 $('input[type="submit"]').prop('disabled', false); } else { $('input[type="submit"]').prop('disabled', true); } }) }) /*&&&&&&&&&&限制文本框輸入的長度結束&&&&&&&&&*/ /*限制文本框只能輸入 數字*/ $(".shopAdd-gddh").keyup(function(){ var tmptxt=$(this).val(); $(this).val(tmptxt.replace(/\D|^0/g,'')); }).bind("paste",function(){ var tmptxt=$(this).val(); $(this).val(tmptxt.replace(/\D|^0/g,'')); }).css("ime-mode", "disabled"); /*限制文本框只能輸入 數字 結束*/ /*表單驗證*/ //保存按鈕*/ $(".save-btn").click(function () { var formEditData = new FormData($( "#ShopEditForm" )[0]); var zpm = $("#StoreAddTxt1").val();//獲取招牌名稱 if (zpm == "" || zpm == null || zpm == undefined){ top.showLayer(); layer.config({ skin:'demo-class', end:function(){ top.hideLayer(); } }); layer.alert('招牌不能為空',{title:'提示'},function(index){ layer.close(index); }); } else { $.ajax({ url: '', type: 'post', dataType: 'json', data: formAddData, success: function () { var fir = parent.document.getElementsByTagName("iframe"); $(fir).attr("src","ShopList.html"); } }); } }); //提交表單*/ $(".sub-btn").click(function () { var formData = new FormData($( "#ShopAddForm" )[0]);//$( "#ShopAddForm" )[0] 獲取form元素 //表單校驗是否成功 var flag = validateForm(); if (flag) { $.ajax({ url: '', type: 'post', dataType: 'json', data: formData, async: false, success: function () { alert("請求成功！") var fir = parent.document.getElementsByTagName("iframe"); $(fir).attr("src","ShopList.html"); } }); } else { alert("表單校驗失敗"); /*var fir = parent.document.getElementsByTagName("iframe");/!*測試用的*!/ $(fir).attr("src","ShopList.html");*/ } }); function validateForm() { var result = true; var count = 0; //input驗證 var $input = $("input[type!='button']"); $.each($input, function (i, item) { var val = $(item).val(); if (val == "" || val == null || val == undefined) { $(item).siblings(".hint").css("visibility", "visible"); count++; } else { $(item).siblings(".hint").css("visibility", "hidden"); } }); //select驗證 var $select = $("select"); $.each($select, function (i, item) { var val = $(item).children("option:selected").val(); if (val == "" || val == null || val == undefined) { $(item).siblings(".hint").css("visibility", "visible"); count++; } else { $(item).siblings(".hint").css("visibility", "hidden"); } }); //textarea驗證 var $textarea = $("textarea"); $.each($textarea, function (i, item) { var val = $(item).val(); if (val == "") { $(item).siblings(".hint").css("visibility", "visible"); count++; } else { $(item).siblings(".hint").css("visibility", "hidden"); } }); if (count > 0) result = false; return result; } /*提交表單驗證結束*/ </script> </body> </html>
子頁面css內容
* { margin: 0; padding: 0; } body, html { font-family: "Microsoft Yahei"; } a{cursor: pointer; } a:link {text-decoration: none; color: #2e3440} a:active {text-decoration: none; color: #2e3440} a:hover {text-decoration: none; color: #2e3440} a:visited {text-decoration: none; color: #2e3440} .container { position: relative; margin: 0 auto; min-width: 900px; } .header { padding: 30px 2%; font-size: 14px; } .header-wrap p { color: #2e3440; font-size: 18px; padding-left: 2%; margin-bottom: 30px; } .content{ padding: 0 2%; border-radius: 5px; min-width: 900px; color: #2e3440; } .content p{/*form表單頂部樣式*/ font-size: 16px; padding: 15px 30px; background-color: #e2e3e7; color: #2e3440; border-radius: 5px 5px 0 0; } .content .txt-wrap{ position: relative; font-size: 0; text-align:center; height: 2370px; border: 1px solid #e0e0e0; border-radius: 0 0 5px 5px; margin-bottom: 60px; } .txt-wrap .left{ float: left; width: 30%; height :50%; } .txt-wrap .left .refer{ margin-bottom: 119px; } .txt-wrap .right{ float: right; height: 50%; position: absolute; left: 30%; right: 0; top: 0; } .txt-wrap .row{ font-size: 16px; } .txt-wrap .left .test1{ margin-top: 41px; padding: 14px 15px; text-align: right; color: #2e3440; } .txt-wrap .left .test1 i{ color: red; font-size: 16px; margin-right: 5px; vertical-align: sub; font-style: normal; } .txt-wrap .right .txt-com{ text-align: left; margin-left: 5px; font-size: 0; } .txt-wrap .right .txt-com input{ padding: 14px 15px; margin-top: 20px; border: 1px solid #d4d4d4; border-radius: 5px; outline: none; height: 20px; font-size: 16px; } .txt-wrap .right .txt-com select{ padding: 0 15px; margin-top: 20px; border: 1px solid #d4d4d4; border-radius: 5px; outline: none; height: 47px; } .txt-wrap .right .txt-com i{ font-style: normal; } .txt-wrap .right .txt-com .xz1{ position: absolute; left: 168px; top: 506px; color: #2e3440; font-size: 16px; padding: 0 5px; } .txt-wrap .right .txt-com .xz2{ position: absolute; left: 168px; top: 776px; color: #2e3440; font-size: 16px; padding: 0 5px; } .right .test2 input{ width: 430px; color: #2e3440; } .right .test3 input{ width: 320px; color: #2e3440; } .right .test4 input{ width: 180px; color: #2e3440; } .right .test5 .set1{ width: 210px; /*在選擇框的最右側中間顯示小箭頭圖片*/ background: url("../../images/select2.png") no-repeat scroll right center transparent; color: #2e3440; } .right .test6 .set-com{ margin-right: 10px; /*在選擇框的最右側中間顯示小箭頭圖片*/ background: url("../../images/select2.png") no-repeat scroll right center transparent; color: #2e3440; } .right .test7 input{ width: 460px; color: #2e3440; } .right .test8 .test8-1{ width: 45px; color: #2e3440; } .right .test8 .test8-2{ width: 120px; color: #2e3440; } .right .test9 textarea{ width: 400px; height: 100px; padding: 14px 15px; margin-top: 20px; border: 1px solid #d4d4d4; border-radius: 5px; outline: none; font-size: 16px; color: #2e3440; resize: none; } .footer-btn { font-size: 0; padding-top: 90px; padding-bottom: 90px; text-align: left; cursor: pointer; } .footer-btn input{ width: 140px; height: 46px; font-size: 16px; border-radius: 5px; color: #FFFFFF; margin: 0 50px 0 5px; outline: none; cursor: pointer; } .footer-btn .save-btn{ background-color: #68b1fb; border: 1px solid #68b1fb; } .footer-btn .sub-btn{ background-color: #e75c2f; border: 1px solid #e75c2f; } .UpLoad{ width: 90px !important; height: 48px !important; background-color: #fe890c !important; border: 1px solid #fe890c; color: #FFFFFF !important; margin-left: 15px; cursor: pointer; font-size: 16px; line-height: 48px; display: inline-block; border-radius: 5px; text-align: center; } /*select公共樣式 開始*/ select { /*Chrome和Firefox里面的邊框是不一樣的，所以復寫了一下*/ border: 1px solid #000; /*很關鍵：將默認的select選擇框樣式清除*/ appearance:none; -moz-appearance:none; -webkit-appearance:none; /*為下拉小箭頭留出一點位置，避免被文字覆蓋*/ padding-right: 14px; } /*清除ie的默認選擇框樣式清除，隱藏下拉箭頭*/ select::-ms-expand { display: none; } /*select公共樣式 結束*/ /*提示內容樣式調整 開始*/ .hint{ color: red; font-size: 0; padding-top: 5px; visibility: hidden; } .hint i{ font-size: 14px; } /*提示內容樣式調整 開始*/