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知识点,基于描述中的提示: 1. **变量声明与作用域**: - `let`、`...
这个“JavaScript小技巧全集”提供了丰富的教程和源代码,旨在帮助开发者深入理解和掌握JavaScript的各种实用技巧。 首先,我们来看看JavaScript的基本语法。JavaScript是一种弱类型、解释型的语言,它的变量声明不...
根据提供的文件内容,我们可以总结出以下几个JavaScript小技巧及相关知识点: ### 1. 引入外部JavaScript文件 在HTML文档中,可以通过`<script>`标签引入外部JavaScript文件来执行脚本代码。例如: ```html ...
这本名为"1000个JavaScript小技巧"的资源集锦涵盖了各种实用的编程技巧,旨在帮助开发者提升效率,解决实际问题。以下是一些关键的知识点,将从这1000个小技巧中提炼出来: 1. **变量声明与作用域**:了解`var`、`...
7. **JavaScript编程的10个有用小技巧**和**12个特别有用的JavaScript小技巧【推举】**:这两篇文章分别分享了10个和12个实用的JavaScript编程技巧,是进阶学习的好资源。 总的来说,掌握生成HTML元素的技巧对...
### JavaScript小技巧精粹 在Web开发领域,JavaScript作为一门不可或缺的编程语言,其灵活性与功能强大性使得它成为前端开发中的核心技能。本文将基于“JavaScript小技巧一箩筐”这一主题,深入探讨一系列实用的...
### JavaScript小技巧详解 #### 技巧1:屏蔽鼠标右键 通过在HTML元素上设置`oncontextmenu="window.event.returnValue=false"`属性,可以禁止用户在该元素上使用鼠标右键。例如: ```html ;"> 无法右击此表格 ```...
这个"JavaScript小技巧全集"涵盖了各种实用的编程技巧,旨在帮助开发者提升效率,编写出更优雅、性能更好的代码。无论您是在Windows、MacOS还是Linux等任何操作系统上工作,这些技巧都是通用的。 一、函数与闭包 1....
这里我们将深入探讨一些常见的JavaScript小技巧。 1. **事件处理**:在JavaScript中,`event`对象提供了关于当前事件的信息,如`event.srcElement`可以获取触发事件的元素,而`event.keyCode`则用于识别键盘按键。`...
### JavaScript小技巧整理篇知识点详述 #### 一、引言 本文档旨在总结一系列JavaScript编程中的实用技巧,涵盖从基本操作到高级功能的应用。这些技巧不仅有助于提升开发效率,还能帮助开发者更好地理解和掌握...
标题:javascript小技巧合集 描述:本文将详细介绍一系列实用的JavaScript技巧,这些技巧涵盖了从基本的用户交互到更复杂的页面控制,旨在帮助开发者优化用户体验,增强网站安全性,并提升开发效率。 ### 重要技巧...
### 常用的一些JavaScript小技巧详解 在前端开发领域,JavaScript是不可或缺的编程语言,其灵活多变的特性使得开发者能够实现丰富的交互效果。本文将深入探讨一系列实用的JavaScript小技巧,帮助开发者提高编码效率...
根据提供的文件信息,我们...以上列举的各项JavaScript小技巧涵盖了从基本的用户交互到更高级的功能实现,对于提高网站的用户体验及安全性都有着重要作用。开发者可以根据实际需求灵活运用这些技巧来优化自己的项目。
本文将探讨几个实用的JavaScript小技巧,包括鼠标控制、显示日期和时间,以及利用历史记录和前进功能。 首先,让我们来看如何用鼠标控制Web页面。在JavaScript中,`onMouseOver`事件是一个非常有用的特性,允许我们...