当前位置：文档之家 › JS小技巧

JS小技巧

  • 格式：doc
  • 大小：41.50 KB
  • 文档页数：11

javascript中关于屏蔽鼠标右键.防水复制不准粘贴等等的一些小技巧.. 1. 将彻底屏蔽鼠标右键 oncontextmenu="window.event.returnValue=false"

2.取消选取、防止复制

3. 不准粘贴 onpaste="return false"

4.防止复制 oncopy="return false;" oncut="return false;"

5.IE地址栏前换成自己的图标

6. 可以在收藏夹中显示出你的图标

7. 关闭输入法

8. 永远都会带着框架

9. 防止被人frame

10. 网页将不能被另存为

11. 查看网页源代码 onclick="window.location = "view-source:"+ "http://www.pconline.com.cn"">

12.删除时确认 删除

13. 取得控件的绝对位置 //Javascript

//VBScript

14. 光标是停在文本框文字的最后

15. 判断上一页的来源 javascript: document.referrer 16. 最小化、最大化、关闭窗口 本例适用于IE

17.屏蔽功能键Shift,Alt,Ctrl

18. 网页不会被缓存 或者

19.怎样让表单没有凹凸感？ 或 20.

21.让弹出窗口总是在最上面:

22.不要滚动条? 让竖条没有: 让横条没有: 两个都去掉？更简单了

23.怎样去掉图片链接点击后，图片周围的虚线？

24.电子邮件处理提交表单

26.如何设定打开页面的大小 打开页面的位置

27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动

28. 检查一段字符串是否全由数字组成

29. 获得一个窗口的大小 document.body.clientWidth; document.body.clientHeight

30. 怎么判断是否是字符 if (/[^/x00-/xff]/g.test(s)) alert("含有汉字"); else alert("全是字符");

合集下载

JS中常见获取随机数的方法

JS中常见获取随机数的方法

JS中常见获取随机数的方法在JavaScript中，有多种方法可以生成随机数。

下面我将介绍一些常见的方法：1. 使用Math.random(方法：Math.random(方法返回一个0到1之间的随机小数。

可以通过一些技巧将其转换为指定范围内的整数：```javascript//生成0到n之间的随机整数var randomNum = Math.floor(Math.random( * (n + 1));// 生成min到max之间的随机整数var randomNum = Math.floor(Math.random( * (max - min + 1)) + min;```2. 使用Date对象：Date对象的getTime(方法返回一个自1970年1月1日以来的毫秒数，可以使用该方法生成随机数：```javascript//生成当前时间戳//生成指定范围内的随机整数var randomNum = Math.floor(Math.random( * (max - min + 1)) + min;```3. 使用crypto.getRandomValues(方法：crypto.getRandomValues(方法是一个Web Crypto API中的方法，可以生成安全的随机数。

这种方法生成的随机数是真正的随机数，比Math.random(更加安全：```javascriptvar array = new Uint32Array(1);window.crypto.getRandomValues(array);var randomNum = array[0];```4.使用自定义的随机函数：除了使用内置的方法外，还可以编写自定义的随机函数，例如使用Fisher-Yates算法：```javascriptfunction shuffle(arr)var currentIndex = arr.length, temporaryValue, randomIndex;while (0 !== currentIndex)randomIndex = Math.floor(Math.random( * currentIndex);currentIndex -= 1;temporaryValue = arr[currentIndex];arr[currentIndex] = arr[randomIndex];arr[randomIndex] = temporaryValue;}return arr;//使用随机函数打乱数组顺序var randomArray = shuffle([1, 2, 3, 4, 5]);```5.使用第三方库：还可以使用一些第三方库来生成随机数，例如lodash库的random(方法：```javascript//生成0到n之间的随机整数var randomNum = _.random(n);// 生成min到max之间的随机整数var randomNum = _.random(min, max);```总结：以上是JavaScript中常见的获取随机数的方法。

js计算精度丢失的解决方法

js计算精度丢失的解决方法

js计算精度丢失的解决方法嘿，朋友们！咱今儿来聊聊 js 计算精度丢失这档子事儿。

你说这玩意儿就跟那调皮的小猴子似的，时不时就蹦出来给你捣捣乱。

咱先搞清楚为啥会有这情况呀。

就好比你要把一块大蛋糕切成好多好多小块，这中间难免就会有些误差嘛。

js 在处理一些小数计算的时候，就可能会出现这种类似的小偏差。

那咋解决呢？嘿，这就有招儿啦！咱可以用一些巧妙的方法来对付它。

比如说，咱可以把小数转化成整数来计算呀，就像你把那小蛋糕先整个儿的算好了，再去分小块，这样不就减少误差啦？或者呢，咱可以用一些专门的库，就像是给咱的计算找了个厉害的助手，让它来帮忙搞定那些容易出问题的地方。

你想想看呀，如果咱不解决这个问题，那可就麻烦啦！就好比你要去买东西，本来应该给人家十块钱，结果因为计算精度丢失，你给了人家九块九或者十块一，那多不合适呀！这要是在一些重要的场合，比如涉及到钱财交易或者数据统计啥的，那可不得了！咱还可以通过一些小技巧来检查和发现这些问题呢。

就像医生给病人做检查一样，得找到病根儿才能对症下药呀。

比如说，咱可以在计算前后对比一下结果，看看是不是有啥不对劲的地方。

还有啊，咱得养成一个好习惯，就是对计算结果要多留个心眼儿。

别一股脑儿就相信了，得好好琢磨琢磨，看看是不是合理。

这就好比你走路，得时不时瞅瞅脚下，别一不小心踩坑里啦！总之呢，解决 js 计算精度丢失这个问题，就像是给咱的代码世界打扫卫生，把那些脏东西都清理掉，让咱的程序跑得更顺畅，更准确。

咱可不能小瞧了这个事儿，得认真对待，不然它可会给咱惹出大麻烦的哟！你说是不是这个理儿呀？所以呀，咱可得把这些方法都记住，遇到问题就拿出来用，让咱的代码变得乖乖的，不再捣乱啦！。

js 正则 replace 金额

js 正则 replace 金额

JS正则表达式在处理金额的替换上有着广泛的应用，可以在前端和后端中对金额进行处理和格式化。

本文将结合实际代码和案例，详细讲解JS正则表达式在金额替换中的使用方法和技巧。

一、JS正则表达式简介1.1 正则表达式的概念和作用JS正则表达式是对字符串执行模式匹配的方法，可以用来替换、查找和截取字符串中的特定内容。

在处理金额格式化、校验和替换时，正则表达式起着至关重要的作用。

1.2 正则表达式的基本语法正则表达式由普通字符和特殊字符组成，可以通过特定的语法规则定义匹配的模式。

常见的正则表达式语法包括元字符、字符类、重复、选择、括号等。

二、JS正则表达式在金额替换中的应用2.1 金额格式化在前端和后端中，经常需要对金额进行格式化，如添加千位分隔符、保留指定小数位等。

我们可以通过正则表达式来实现这些格式化的需求。

2.2 金额校验正则表达式可以用来对金额进行基本的校验，包括要求输入的金额符合指定的格式、小数点后的位数等。

通过正则表达式的匹配规则，可以有效地对用户输入的金额进行校验。

2.3 金额替换在实际的开发中，经常需要对金额进行替换操作，如将金额中的千位分隔符去除、保留固定位数的小数等。

通过JS正则表达式的replace方法，可以轻松实现对金额的替换操作。

三、JS正则表达式在金额替换中的实际应用3.1 格式化金额下面通过一个实际的案例来演示如何使用JS正则表达式对金额进行格式化。

假设有一个金额为xxx.89的数字，我们需要将其格式化为1,234,567.89的形式，可以通过以下代码实现：```javascriptconst amount = 'xxx.89'const formattedAmount =amount.replace(/\B(?=(\d{3})+(?!\d))/g, ',')console.log(formattedAmount) // 输出：1,234,567.89```3.2 校验金额格式正则表达式也可以用来对输入的金额进行格式校验。

Javascript模板引擎handlebars使用实例及技巧

Javascript模板引擎handlebars使用实例及技巧

Javascript模板引擎handlebars使⽤实例及技巧我们在开发的时候针对DOM操作，⽤简单的JS应⽤来说不成问题，但如果你对视图的每次更新都需要对我⽂档中⾮常⼤量的块进⾏操作呢？这时JS模版就派上⽤场了。

这是⼀个实例，我们可以把json的数据，按照⾃⼰的想法嵌⼊到模板⾥⾯。

<!DOCTYPE html><html><head><title>Handlebars Expressions Example</title></head><body><h1>Handlebars Expressions Example!</h1><!--this is a list which will rendered by handlebars template. --><div id="list"></div><script type="text/javascript" src=\'#\'" /jquery.js"></script><script type="text/javascript" src=\'#\'" /handlebars-1.0.0.beta.6.js"></script><script id="people-template" type="text/x-handlebars-template">{{#people}}<div class="person"><h2>{{first_name}} {{last_name}}</h2><div class="phone">{{phone}}</div><div class="email"><a href="mailto:{{email}}">{{email}}</a></div><div class="since">User since {{member_since}}</div></div>{{/people}}</script><script type="text/javascript">$(document).ready(function() {// compile our templatevar template = pile($("#people-template").html());var data = {people: [{ first_name: "rui", last_name: "fengyun", phone: "1234567890", email: "alan@", member_since: "Mar 25, 2011" },{ first_name: "Allison", last_name: "House", phone: "0987654321", email: "allison@", member_since: "Jan 13, 2011" },{ first_name: "Nick", last_name: "Pettit", phone: "9836592272", email: "nick@", member_since: "Apr 9, 2009" },{ first_name: "Jim", last_name: "Hoskins", phone: "7284927150", email: "jim@", member_since: "May 21, 2010" },{ first_name: "Ryan", last_name: "Carson", phone: "8263729224", email: "ryan@", member_since: "Nov 1, 2008" }]};$('#list').html(template(data));});</script></body></html>View Code看到这个例⼦，⼤家感觉很爽吧~ 就是这样。