JS的几个问题和解决方案-CSDN博客

本文链接：https://blog.csdn.net/yjy110/article/details/84695160

防止浏览器后退操作，使用window.locaiton.replace()方法，

------------------------------------------------------------------

Ajax静态页面局部刷新：

3种方式：

1：div中嵌套一个iframe，当点击a标签时，将a标签的href赋值给ifame的src：

$('a').click(function(){

$('iframeId').attr('src',$(this).attr('href'));

})

2：用ajax获取数据集，将值写到div中：

$('a').click(function(){

$.post(url,null,function(data){

// $('myDIV').html(data);//data为字符串

for(var i = 0;i<data.length;i++){

$('myDIV').html(data[i].name);//data为json值

}

})

3：用jquery 的load方法：

$('a').click(function(){

$("myDIV").load($(this).attr('href'));

})

------------------------------------------------------------------------

判断页面是动态还是静态的方法：

ie直接输入：javascript:alert(document.lastModified)

谷歌：F12-->console：javascript:alert(document.lastModified)

-----------------------------------------------------------------------------------------------

jquery隐藏一个tr：

$("#tr_pwd").hide(); //使用方式一，如果使用了彪子的js校验，则校验不起效果，徐改为下面的方式

$("#tr_pwd").remove(); //虽然是remove，但是查看源代码任然存在，可能在内存中的dom模型中是被移除掉了，使用该方法，彪子的js校验仍然有效果

关联代码如下：

</tr>

--------------------------------------------------------------------------------------------------------------------

防止页面刷新时弹出“重试”对话框的最便捷方法：

window.location.href=window.location.href;

------------------------------------------------------------------------------------------------------------------

encodeURIComponent()解决乱码的方法：

var url = "<%=basePath %>manage/user/delete.do?userId="+encodeURIComponent(userId);

$.get(url,function(data){

if(data=="success"){

//alert("删除成功！");

document.location.reload();

}else{

alert("删除失败！");

}

});

-----------------------------------------------------------------------------------------------

假定你的web application 名称为news,你在浏览器中输入请求路径： http://localhost:8080/news/main/list.jsp

System.out.println(request.getContextPath()); 打印结果：/news

System.out.println(request.getServletPath()); 打印结果：/main/list.jsp

System.out.println(request.getRequestURI()); 打印结果：/news/main/list.jsp

System.out.println(request.getRealPath("/")); 打印结果：F:/Tomcat 6.0/webapps/news/test

-------------------------------------------------------------------------------------------

meta标签中content属性中的charset值决定了浏览器打开页面时用哪种方式来解析，

如果是utf-8，打开时浏览器会用utf-8字符集来解析

如果是iso-8859-1，打开时浏览器会用iso字符集来解析

如果是gbk，gbk2312，打开时浏览器会用gbk2312简体中文字符集来解析（GBK>GB2312）

如果是big5，打开时浏览器会用繁体中文字符集来解析

---------------------------------------------------------------------------------------------------------------------------

$.ajax({

async: false,

url: "validateAtmAction!validateAtm.action",

data:"",

success: function(msg){

alert( "您的ip地址： " + msg+"不是合法的终端ip！" );

error:function(XMLHttpRequest, textStatus, errorThrown){alert("请求失败");alert(textStatus);alert(errorThrown);}

});

jquery中ajax调用action的时候，方法默认返回text/html格式文档，不能按照struts2中action的方式返回字符串结果，

因此aciton中处理的方法返回结果应当是void，在方法体内直接以response方式返回文档内容（前提是返回内容dataType是html或者xml），

不然success方法中不执行，总走error方法。

-----------------------------------------------------------------------------------------------------------------------------

js:double类型保存小数点后两位（toFixed（）方法）

var sNum = "12.5557";

nNum = parseFloat(sNum);

if(!isNaN(nNum)) {

alert(nNum.toFixed(2));

}

toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。

语法

NumberObject.toFixed(num)

参数描述

num必需。规定小数的位数，是 0 ~ 20 之间的值，包括 0 和 20，有些实现可以支持更大的数值范围。如果省略了该参数，将用 0 代替。

返回值

返回 NumberObject 的字符串表示，不采用指数计数法，小数点后有固定的 num 位数字。如果必要，该数字会被舍入，也可以用 0 补足，以便它达到指定的长度。如果 num 大于 le+21，则该方法只调用 NumberObject.toString()，返回采用指数计数法表示的字符串。

抛出

当 num 太小或太大时抛出异常 RangeError。0 ~ 20 之间的值不会引发该异常。有些实现支持更大范围或更小范围内的值。

当调用该方法的对象不是 Number 时抛出 TypeError 异常。

实例

在本例中，我们将把数字舍入为仅有一位小数的数字：

var num = new Number(13.37);

document.write (num.toFixed(1))

</script>

输出：

13.4

--------------------------------------------------------------------------------------------------------

状态栏显示停留多长时间：

第一步：把如下代码加入到<head>区域中-->

var Temp;

var TimerId = null;

var TimerRunning = false;

Seconds = 0

Minutes = 0

Hours = 0

function showtime(){

if(Seconds >= 59){

Seconds = 0

if(Minutes >= 59){

Minutes = 0

if(Hours >= 23){

Seconds = 0

Minutes = 0

Hours = 0

}

else {

++Hours

}

else {

++Minutes

}

else {

++Seconds

}

if(Seconds != 1) { var ss="s" } else { var ss="" }

if(Minutes != 1) { var ms="s" } else { var ms="" }

if(Hours != 1) { var hs="s" } else { var hs="" }

Temp = '你在本页停留了 '+Hours+' 小时'+', '+Minutes+' 分'+', '+Seconds+' 秒'+''

window.status = Temp;

TimerId = setTimeout("showtime()", 1000);

TimerRunning = true;

}

var TimerId = null;

var TimerRunning = false;

function stopClock() {

if(TimerRunning)

clearTimeout(TimerId);

TimerRunning = false;

}

function startClock() {

stopClock();

showtime();

}

function stat(txt) {

window.status = txt;

setTimeout("erase()", 2000);

}

function erase() {

window.status = "";

}

</SCRIPT>

<!--第二步：把“onLoad="startClock()"”加在<body>标记里

例如：-->

这个只在ie下有效果

---------------------------------------------------------------------------------------------------------------------------------

getRealPath("/")过时，对应的替代方法：

request.getSession().getServletContect().getRealPath("/")得到站点的绝对地址

在Servlet 和Struts中还可以用

this.getServletContect().getRealPath("/");//这个有可能拿到null

this.getServlet().getServletContect().getRealPath("/");//这个没试过

ServletActionContext.getServletContext().getRealPath("comm");

一般情况下使用this.getServlet().getServletContext().getRealPath()和request.getSession().getServletContext().getRealPath()是一样的效果，但是当我们部署的一个EAR包里面有多个WAR应用包共享会话时，request.getSession().getServletContext().getRealPath()这个可能取不到你想要的这个应用的绝对路径，而取到的是其他应用的绝对路径，所以，最好还是使用this.getServlet().getServletContext().getRealPath()来获取绝对路径，避免在这种多应用会话共享情况下绝对路径的错乱。

//下面为struts2里面的方案

ActionContext ac = ActionContext.getContext();

ServletContext sc = (ServletContext) ac.get(ServletActionContext.SERVLET_CONTEXT);

String path = sc.getRealPath("/");

request.getContextPath().toString(); 相对路径