`
cuixuelei
  • 浏览: 51162 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

javascript小技巧

阅读更多
1. 执行对象的单击事件:  
   document.getElementById("hbTab").click();
   //在JavaScript中加入这句表示,执行对象ID为hbTab的onclick(单击)事件!

2. 切换class:     
   document.getElementById(id).className='pmove';
   table1.rows(i).className = "t2";//table1指表格id,rows指<tr>从0开始

3. 禁止左右键:
3.1将下面的代码复制到 <body> 或者 <head> 内
   <script language="javascript">
     function click() {
        if (event.button==2) alert('对不起,本页的内容不经允许不得拷备。');
     }
     document.onmousedown=click;
   </script>
    破解方法:左右键连击!
3.2 禁止左键选取 在body中添加以下信息如:<body onselectstart="return false">
    破解方法:Ctrl+A全选,复制下来就可以(也可拖出来)!

4. 判断一个元素对象是否存在:    var elem = document.getElementById("div1");
   if (null == elem)alert("指定元素不存在");

5. 字符ASCII:  
   alert(String.fromCharCode(97,98));//把97,98转换为字符串,这里显示"ab"
   alert("ab".charCodeAt(0));//显示字符串中第0个字符的ASCII值

6. 判断上一页的来源:  document.referrer

7. 设为首页:
<a href="#" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.baidu.com/');return(false);" style="behavior: url(#default#homepage)">设为首页</a>

8. 文字滚动:(详细请查看:HTML代码之Marquee详解.txt)  
   <marquee scrollamount='1' scrolldelay='30' direction= 'UP' width='160' id='fgfg' height='170' onmouseover='fgfg.stop()' onmouseout='fgfg.start()' Author:redriver; For more,visit:www.helpor.net>

   <br>      欢迎进入我们
   <br>公司!公司以“技术更精、服务更快、实力更强”为企业目标,致力于物流企业的信息化建设!
   <br>      欢迎广大客户来电问询!

   </marquee>
9. 前进,后退:
   第-种方法:
   <a href ="" onClick="parent.history.back(); return false;" onMouseO> 后退  </a>
   <a href ="" onclick="parent.history.forward(); return false;" FONT-SIZE: 9pt; mso-hansi-font-family: 宋体; mso-bidi-font-family: 宋体">前进'; return true;"> 前进 </a>
   第二种方法:
   <input type="submit" name="Submit" value="前进" onClick=history.go(1)>
   <input type="submit" name="Submit2" value="后退" onClick=history.go(-1)>

10. 弹出是否对话框:    if(confirm("确定要清除购物车吗?")) return true; else return false;

11. 获得客户端IP和主机名IP  request.getRemoteAddr() 获得客户端主机名 request.getRemoteHost()

12. javaScript时钟对象:    -----------------------------------------------------------------
    setTimeout("scrollon()",100); // 间隔100毫秒后执行scrollon方法
    ----------------------------------------------------------------
    var xx = setInterval(Marquee4,100);//每隔100毫秒执行一次Marquee4方法
    clearInterval(xx);停止每100毫秒执行一次Marquee4方法
13. 解决长串英文字母显示不能自动换行的问题:    
    原因:英文字母之间如果没有空格,系统认为是一个单词,就不会自动换行。
    在<table>标签中加入“style='TABLE-LAYOUT: fixed'”,
    在需要强制单词换行的<td>标签中加入“style='word-WRAP: break-word'”。

14. 加入收藏夹:    
<a href="javascript:void(0);" onClick='window.external.AddFavorite(location.href, document.title);'>加入收藏夹</a>

15. 冻结页面:while(true){window.history.back(-1);}

16. 返回字符串长度(包含中文):    
   var xx = "jdie虽"; alert(xx.replace(/[^\x00-\xff]/g,"**").length);
    //返回字符串长度6(中文占2个长度)
17.获取系统时间:
<SCRIPT LANGUAGE="JavaScript">
      var myDate = new Date();
      myDate.getYear(); //获取当前年份(2位)
      myDate.getFullYear(); //获取完整的年份(4位,1970-????)
      myDate.getMonth(); //获取当前月份(0-11,0代表1月)
      myDate.getDate(); //获取当前日(1-31)
      myDate.getDay(); //获取当前星期X(0-6,0代表星期天)
      myDate.getTime(); //获取当前时间(从1970.1.1开始的毫秒数)
      myDate.getHours(); //获取当前小时数(0-23)
      myDate.getMinutes(); //获取当前分钟数(0-59)
      myDate.getSeconds(); //获取当前秒数(0-59)
      myDate.getMilliseconds(); //获取当前毫秒数(0-999)
      myDate.toLocaleDateString(); //获取当前日期
      var mytime=myDate.toLocaleTimeString(); //获取当前时间
      myDate.toLocaleString( ); //获取日期与时间
   </SCRIPT>
18.获取窗口大小:
   宽:document.body.clientWidth 高:document.body.clientHeight
   document.body.scrollLeft  //窗口滑动条向下移动距离
   document.body.scrollTop   //窗口滑动条向下移动距离
19.div的参数设置(div中需要设置:style="position:absolute;"):
   document.getElementById("div1").scrollTop=100; //滑动条向下移动距离
   例:当前div的滑动条移动到距内部顶部100的位置(div的滑动条向下移动100).
   document.getElementById("div1").offsetHeight  //获取div高度
   document.getElementById("div1").offsetWidth   //获取div宽度
   //获取或设置div的座标
   document.getElementById("div1").style.top ;
   document.getElementById("div1").style.left;
   //注意:获取时必须先设置div的初始座标,不然将获取空.
   例:function Marquee4(){divId.style.top = document.body.scrollTop; }
       setInterval(Marquee4,100);
   //divId这个div始终在窗口顶部,随窗口内部滑动条(向上,向下)移动而移动
20.设置控件不可用:
   <input id="text1" name="text1" type="text" />
   document.getElementById("text1").disabled="disabled";
21.把某字符串按某字符分组:
var str="elba,trace,bears,caster,bread,bale,beast,able,abets,baste,crate,recast,adbccd";
var str1=str.split(","); //按’,’进行分组
for (var i = 0;i<str1.length;i++) {if(str1[i].length==6){ alert(str1[i]) }}

22.获取字符串的charAt、substring方法:
var str="elba,trace,bears,caster,bread,bale,beast,able,abets,baste,crate,recast,adbccd";
alert(str.charAt(2));      //获取第3个字符,从0开始。这里显示’b’
alert(str.substring(0,4)); //获取前4个字符,从0开始。这里显示”elba”

23.获取当前显示器的宽度及高度:var winWidth=screen.availWidth ;
var winHeight=screen.availHeight-20;

24.修改浏览器状态栏信息:       window.status="信息内容!";
分享到:
评论

相关推荐

    JavaScript小技巧全集

    这篇“JavaScript小技巧全集”涵盖了各种实用的编程技巧,旨在帮助开发者提升效率,编写出更简洁、更高效的代码。以下是一些重要的JavaScript知识点,基于描述中的提示: 1. **变量声明与作用域**: - `let`、`...

    JavaScript小技巧全集 JavaScript教程 JavaScript源代码集

    这个“JavaScript小技巧全集”提供了丰富的教程和源代码,旨在帮助开发者深入理解和掌握JavaScript的各种实用技巧。 首先,我们来看看JavaScript的基本语法。JavaScript是一种弱类型、解释型的语言,它的变量声明不...

    javaScript小技巧。

    根据提供的文件内容,我们可以总结出以下几个JavaScript小技巧及相关知识点: ### 1. 引入外部JavaScript文件 在HTML文档中,可以通过`&lt;script&gt;`标签引入外部JavaScript文件来执行脚本代码。例如: ```html ...

    1000个javascript小技巧

    这本名为"1000个JavaScript小技巧"的资源集锦涵盖了各种实用的编程技巧,旨在帮助开发者提升效率,解决实际问题。以下是一些关键的知识点,将从这1000个小技巧中提炼出来: 1. **变量声明与作用域**:了解`var`、`...

    Javascript小技巧之生成html元素.docx

    7. **JavaScript编程的10个有用小技巧**和**12个特别有用的JavaScript小技巧【推举】**:这两篇文章分别分享了10个和12个实用的JavaScript编程技巧,是进阶学习的好资源。 总的来说,掌握生成HTML元素的技巧对...

    Javascript小技巧一箩筐

    ### JavaScript小技巧精粹 在Web开发领域,JavaScript作为一门不可或缺的编程语言,其灵活性与功能强大性使得它成为前端开发中的核心技能。本文将基于“JavaScript小技巧一箩筐”这一主题,深入探讨一系列实用的...

    40种javascript小技巧

    ### JavaScript小技巧详解 #### 技巧1:屏蔽鼠标右键 通过在HTML元素上设置`oncontextmenu="window.event.returnValue=false"`属性,可以禁止用户在该元素上使用鼠标右键。例如: ```html ;"&gt; 无法右击此表格 ```...

    javascript小技巧全集

    这个"JavaScript小技巧全集"涵盖了各种实用的编程技巧,旨在帮助开发者提升效率,编写出更优雅、性能更好的代码。无论您是在Windows、MacOS还是Linux等任何操作系统上工作,这些技巧都是通用的。 一、函数与闭包 1....

    JavaScript小技巧

    这里我们将深入探讨一些常见的JavaScript小技巧。 1. **事件处理**:在JavaScript中,`event`对象提供了关于当前事件的信息,如`event.srcElement`可以获取触发事件的元素,而`event.keyCode`则用于识别键盘按键。`...

    JavaScript小技巧整理篇(非常全).pdf

    ### JavaScript小技巧整理篇知识点详述 #### 一、引言 本文档旨在总结一系列JavaScript编程中的实用技巧,涵盖从基本操作到高级功能的应用。这些技巧不仅有助于提升开发效率,还能帮助开发者更好地理解和掌握...

    javascript小技巧合集

    标题:javascript小技巧合集 描述:本文将详细介绍一系列实用的JavaScript技巧,这些技巧涵盖了从基本的用户交互到更复杂的页面控制,旨在帮助开发者优化用户体验,增强网站安全性,并提升开发效率。 ### 重要技巧...

    常用的一些javascript小技巧

    ### 常用的一些JavaScript小技巧详解 在前端开发领域,JavaScript是不可或缺的编程语言,其灵活多变的特性使得开发者能够实现丰富的交互效果。本文将深入探讨一系列实用的JavaScript小技巧,帮助开发者提高编码效率...

    javascript小技巧归纳

    根据提供的文件信息,我们...以上列举的各项JavaScript小技巧涵盖了从基本的用户交互到更高级的功能实现,对于提高网站的用户体验及安全性都有着重要作用。开发者可以根据实际需求灵活运用这些技巧来优化自己的项目。

    JavaScript小技巧全集.doc

    本文将探讨几个实用的JavaScript小技巧,包括鼠标控制、显示日期和时间,以及利用历史记录和前进功能。 首先,让我们来看如何用鼠标控制Web页面。在JavaScript中,`onMouseOver`事件是一个非常有用的特性,允许我们...

Global site tag (gtag.js) - Google Analytics