网页交互技巧汇总-优快云博客

本文链接：https://blog.youkuaiyun.com/weilikk/article/details/84473321

1、页面对话框

var reason=prompt("提示信息","示例内容输入框")
 if (reason!=null && reason.trim()!="")
 {
......
}

注意：后台获取reason值中文乱码的解决方法：

reason=new String (reason.getByteS(ISO-8859-1),UTF-8);

2、确认后执行操作

 <a href="javascript:if(confirm('确认删除吗？'))location.href = 'url' ">删除</a>

3、5秒后页面自动跳转

<head>
<meta http-equiv="refresh" content="5;url="跳转后的页面">
</head>

<script type="text/javascript">
 setTimeout("javascript:location.href='跳转后的页面'", 5000); 
 var inter=setInterval(refresh,1000);
 var i=5;
 function refresh(){
 if(i<=0){
 clearInterval(inter);
 location.href="MyJsp.jsp";
 }
 i--;
 }

  </script>

4、页面数据滚动效果<marquee>

<marquee>需要移动的文字</marquee><direction=＃>

例：<marquee direction=left scrollamount=10>开开心心每一天！</marquee>
marquee 具体参数有：
BGColor：滚动文本框的背景颜色。
Direction：滚动方向设置，可选择Left、Right、up和down。
scrolldelay：每轮滚动之间的延迟时间，越大越慢。
scrollamount：一次滚动总的时间量，数字越小滚动越慢。
Behaviour：滚动的方式设置，三种取值：Scroll（循环滚动）、Slide（单次滚动）、Alternate（来回滚动）。
Align：文字的对齐方式设置。可选择Middle(居中)、Bottom(居下)还是Top(居上)。
Width：滚动文本框的宽度，输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。
Height：滚动文本框的高度，输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。
loop：滚动次数。默认为infinite
hspace、vspace：前后、上下的空行。

jsp/js常用