关于js的书写

<li>
<label>工号：</label>
<input id="uidarr" type=‘text‘ onclick="jobNumberDialog()" placeholder=‘请选择工号‘ style="height:28px;width:148px;"/>

</li>

由 jsp中实件名jobNumberDialog 找到对应的js

<script type="text/javascript" src="${contextPath}/js/public/publictree.js"></script>

在js中找到对应 方法事件

function jobNumberDialog(){
CommonFuntion.saveData("Summarytreeflag", "");
var basePath = CommonFuntion.getBasePath();
var url = basePath+"/ReportFormController/jobNumber.html";
$(‘#departDialog‘).dialog({
title: "工号",
width: 630,
height: 380,
closed: false, // 定义是否可以关闭窗口。 默认false
cache: false, // 如果为true，在超链接载入时缓存面板内容。默认true
href: url,
modal: true, // 定义是否将窗体显示为模式化窗口。默认 true
});
}

/**

解读js 

CommonFuntion 找到对应方法

<script type="text/javascript" src="${contextPath}/js/public/commonUtil.js"></script> js工具类

/*
* 描述：JS工具类

* param: elementStart 页面元素开始时间id
*
var CommonFuntion = (function(){

*return {

saveData : function(name,value){
// 判断系统是否支持localStorage
if(window.localStorage){
localStorage.setItem(name,value);
}else{
method.setCookie(name,value,1);
}
},

//获取项目路径

*/
getBasePath : function (strDate,strSep) {
var localObj = window.location;
var contextPath = localObj.pathname.split("/")[1];
if (contextPath) {
return localObj.protocol + "//" + localObj.host + "/" + contextPath;
}else {
return localObj.protocol + "//" + localObj.host ;
}
},

}

}）（）；

*/

关于js的书写

原文：https://www.cnblogs.com/gzl180110/p/10330340.html