javascript小技巧

最新推荐文章于 2020-06-02 17:05:58 发布

cuixuelei1

最新推荐文章于 2020-06-02 17:05:58 发布

阅读量122

点赞数

分类专栏： javascript 文章标签： JavaScript 物流浏览器 ViewUI

本文链接：https://blog.csdn.net/cuixuelei1/article/details/83294864

版权

javascript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

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.οnmοusedοwn=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' οnmοuseοver='fgfg.stop()' οnmοuseοut='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 ="" οnclick="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="信息内容！";