`
xuehongliang
  • 浏览: 95151 次
  • 性别: 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秒。

分享到:
评论

相关推荐

    js技巧 javaScript编码技巧

    以上技巧和知识点在200个js技巧.docx文档中可能有更详尽的解释和实例,建议深入学习,结合实践以提升JavaScript编程技能。同时,不断关注JavaScript的最新发展,如ES规范的更新,以及社区的最佳实践,将有助于你成为...

    js技巧大全,一看就明白

    JavaScript(简称JS)是一种广泛应用于Web开发的轻量级编程语言,它主要负责网页的动态交互,赋予静态HTML页面活力。本篇文章将深入探讨一些重要的JS技巧,旨在帮助初学者和经验丰富的开发者更好地理解和运用这一...

    JS技巧大全 javascript

    以上只是JavaScript技巧的一部分,深入学习和实践这些知识点,将有助于你成为更优秀的JavaScript开发者。在实际工作中,不断学习和更新知识,适应JavaScript的快速发展,是每个前端工程师必备的能力。

    200多个js技巧代码

    200多个js技巧代码 200多个js技巧代码200多个js技巧代码200多个js技巧代码200多个js技巧代码200多个js技巧代码200多个js技巧代码200多个js技巧代码200多个js技巧代码200多个js技巧代码

    JS技巧jstips.zip

    jstips 是指每天推出一个 JS 技巧。JavaScript 技巧介绍接下来我将很高兴地为你介绍一下,这些可以帮助你提高编写代码效率十分实用的日常 Javascript 小技巧。每天只需花少于两分钟的时间,你就能读到性能,框架,...

    JavaScript技巧200多个

    这个名为"JavaScript技巧200多个"的资源显然包含了大量实用的编程技巧,可以帮助开发者提升JavaScript编程效率和代码质量。以下是一些可能包含在JS技巧200个.txt文件中的关键知识点: 1. **变量声明与作用域**:...

    工作中常用的js技巧

    这里我们将探讨一些在实际工作中常用的JavaScript技巧,以帮助你提升编程效率和代码质量。 1. **变量声明与作用域** - 使用`let`和`const`替代`var`来避免变量提升和作用域污染。 - `let`允许块级作用域,`const`...

    20个js技巧 很适用

    JavaScript,也简称JS,是一种广泛应用于web开发的轻量级编程语言。...以上这些JavaScript技巧都是在实际开发中非常实用的,可以提升网页的交互性和用户体验。掌握并灵活运用这些技巧,能让你的网页设计更加生动有趣。

    javascript技巧(珍藏版)

    ### JavaScript技巧(珍藏版) 在本篇珍藏已久的JavaScript技巧分享中,我们将深入探讨一些实用且高效的JavaScript小技巧,这些技巧旨在帮助新手快速提升编程技能,并为日常开发带来便利。 #### 技巧1:类型转换 在...

    45个实用的JS技巧

    以上是一些基础的JavaScript技巧,此外,还包括操作数组、对象的方法,以及如何使用正则表达式、事件监听等高级技巧。掌握了这些技巧和知识,能够帮助开发者编写出更加高效、安全的JavaScript代码。

    js技巧 js错误对照表

    JavaScript,简称JS,是Web开发中的重要脚本语言,用于实现客户端的动态效果和交互。在编程过程中,理解和处理JS错误至关重要,因为它们可以帮助我们识别并修复代码中的问题。以下是一些关于JS技巧和错误对照表的...

    一般人不知道的JS技巧

    ### 一般人不知道的JS技巧 在前端开发领域中,JavaScript(简称JS)是不可或缺的核心技术之一。虽然大多数开发者已经掌握了JS的基本用法,但仍然有许多高效、实用甚至有些“神秘”的技巧并不为众人所知。本文将深入...

    javascript技巧精心收集

    "javascript技巧精心收集"这个主题包含了一系列关于JavaScript编程的实用技巧和资源,旨在帮助开发者提升技能和效率。以下是一些从提供的文件名中提炼出的关键知识点: 1. **jsp技巧.txt**:这可能涉及到JavaServer...

    40种网站常用Javascript技巧

    根据提供的文件信息,我们可以归纳总结出40种网站常用的JavaScript技巧中的部分知识点。这些技巧主要应用于网页开发中,用于增强用户体验、实现特定功能或优化页面性能。下面将详细阐述每一点涉及的技术细节。 ### ...

    js技术,200个js技巧

    JavaScript,简称JS,是一种广泛用于网页和网络应用的脚本语言,它主要在客户端运行,负责实现动态效果、交互性功能以及数据验证等任务。JavaScript 是 Web 开发不可或缺的一部分,其灵活性和强大的功能使得开发者...

    200个js技巧汇总

    这篇"200个js技巧汇总"资源提供了丰富的JavaScript知识,旨在帮助开发者提升技能,解决实际问题。下面,我们将深入探讨这些技巧,从基础到进阶,全面解析JavaScript的各个方面。 1. **基本语法与数据类型**:...

    js技巧收集(200多个)

    标题"js技巧收集(200多个)"表明这是一个包含大量JavaScript编程技巧的资源集合,这些技巧可能是解决实际问题的方法、优化代码的策略或者是提升开发效率的小窍门。描述中的"值得一看"则强调了这些技巧的价值和实用性...

    200个JS技巧代码

    标题中的“200个JS技巧代码”表明这是一个关于JavaScript编程的集合,包含了各种实用的技巧和实例。描述中提到的“JS实例代码”进一步强调了这些技巧是通过实际的JavaScript代码来展示的,旨在帮助开发者提升在...

    js技巧200例

    JavaScript,简称JS,是一种广泛用于网页和网络应用的编程语言,尤其在前端开发中起着核心作用。这里我们探讨一下给定文件中的200个JS技巧实例。 1. **文本框焦点问题**:通过`onFocus`和`onBlur`事件处理函数,...

Global site tag (gtag.js) - Google Analytics