`
xuehongliang
  • 浏览: 93753 次
  • 性别: Icon_minigender_1
  • 来自: 辽宁
社区版块
存档分类
最新评论

JS技巧

    博客分类:
  • java
阅读更多

1、加入收藏:

<script language="JavaScript">
   <!--
function bookmarkit(){
window.external.addFavorite('http://luru.122.tofor.com/','少敏速录坊');
}
-->
</script>

2.设为首页

(1)
<SCRIPT language=JavaScript> 
<!--
function defaul_home(){
this.home.style.behavior='url(#default#homepage)';this.home.setHomePage('http:///');
}
-->
</script>
<button name=home onclick=defaul_home();>将本站设为首页</button>
(2)
<SCRIPT language=JavaScript> 
<!--
function set_home(aaa){
aaa.style.behavior='url(#default#homepage)';
aaa.setHomePage('http:///');
}
-->
</script>
<button onclick=set_home(this);>将本站设为首页</button>

3、提交时验证表单

<form name = "form1" methed="post" action=" " onsubmit="return check()">
.....
</form>
<script language="javascript">
<!-- function check(){
if(document.form1.barName.value==""){
alert("输入货物名称");
document.form1.barName.focus();
return false;
}
}
-->
</script>

4、返回上页

(1)

<a href="javascript:history.back(-1)">返回上一页</a>

(2)servlet返回一页面,先弹出对话框,显示信息,确定后返回上一页。

public class KmlServlet extends HttpServlet {
protected void doGet(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {
response.setContentType("text/html");
PrintWriter out = response.getWriter();
out.print("<html><body onload=\"javascript:alert('该线路没有存储GIS信息。');javascript:history.back();\"></html>");
out.close();
}
protected void doPost(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {
      doGet(request, response);
}

5、弹出窗口

在打开有下面这段代码的页面时将会跳出一个468x60大小的小窗口。“window.html”为跳出的小窗口里所要显示的网页。toolbar、status、menubar、scrollbars、设置小窗口的工具栏、状态栏、菜单栏及滚动条的有无, resizable设置是否可让浏览者改变小窗口大小,width、height设置小窗口的宽度以及高度。(不过这样的小窗口一般是不受欢迎的哦!)

<script language="JavaScript">
window.open("window.html","www_helpor_net","toolbar=no, status=no,menubar=no, scrollbars=no,resizable=no,width=468,height=60,left=200,top=50");
</script>

6、弹出模态窗口

<script>
<!--
    var i;
    function show(page_mgs,page_size){
    //showModalDialog(page_mgs,'modal','center:1;scroll:1;help:0;status:0;'+page_size);
    var OpenModelWindow;
    if(i==1)
     OpenModelWindow = showModalDialog(page_mgs,parent,'center:1;'+page_size);//scroll:1;help:0;status:0;
     if(OpenModelWindow=='Reflush')
     {
       window.location.reload();
      }
      i++;
     }

     function Make(path) {
     pagexxx="<%=pm.get("PATH")%>"+path;
     pagexxx_size='dialogWidth:650px;dialogHeight:400px;';
     show(pagexxx,pagexxx_size);
     i=1;
    }
-->
</script>

7、弹出菜单

<html>
<head>

<style type="text/css">
<!--
.text {
   font-size: 12px;
   border: thin double #666666;
}
#menu {
    position:absolute;
    left:0px;
    top:0px;
    width:480px;
    height:23px;
    z-index:10;
    visibility:hidden;
    background:#ffffcc;
   }
-->
</style>
<script>
<!--
function showMenu(obj,lineid){
   var links = "<table border='0' cellpadding='0' cellspacing='0' width='100%' class='text'><tr><td height='25' align='center' valign='center'>";
   links = links + "<a href=\'/aaa?lineid="+lineid+"&isrun=False\'>菜单一</a>&nbsp;";
   links = links + "</td></tr></table>"

   obj.innerHTML=links;

   obj.style.left = document.body.scrollLeft + event.x-180;
   obj.style.top = document.body.scrollTop + event.y-11;
   obj.style.visibility='visible';

}

function hideMenu(obj){
   obj.style.visibility='hidden';
}
-->
</script>
</head>
<body>
<div id="menu" onmouseover="this.style.visibility='visible';" onMouseOut="hideMenu(this);"></div>
<a href="#" onclick="showMenu(menu,'1111');">点击</a>
</body>
</html>

8、删除时确认

<script language="javascript">
             <!--
function delID(ID,url,mes){
var mymes;
mymes=confirm(mes);
if(mymes==true){
window.location=url+ID;
}
}
-->
</script>

<a href="#" onclick="delID(5,'./jxhbzglclassdel?id=','确实要删除吗?')">删除</a>

9、IE地址栏前换成自己的图标

<link rel="Shortcut Icon" href="favicon.ico">

10、制作定时关闭的广告

在浏览网页时,打开一个网站会自动跳出一个页面,此页面一般是广告,该广告页面会在很短的时间内自动关闭,这样的广告能够善解人意,只需要下面代码即可完成
         <body bgcolor="#FFFFFF" onLoad="setTimeout(window.close,5000)">
         这里的5000指5000毫秒,也就是5秒。

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics