<html>
<head>
<meta charset="UTF-8">
<title>两数区间求和</title>
<style type="text/css">
.resCls{
width: 100%
height: auto
border: solid 1px #ddd
word-break: break-all /* 允许任意非CJK(Chinese/Japanese/Korean)文本间的单词断行 */
word-wrap: break-word /* 允许英文单词内断句换行 */
box-shadow: 4px 6px 8px #ccc
}
input{
box-shadow: 2px 4px 6px #ccc
width: 80px
}
p{
text-shadow: 4px 3px 4px #678
}
</style>
<script src="jquery-1.8.3.min.js"></script>
</head>
<body>
<p>输入两个非负整数：</p>
<input type="text" id="tx0" value="0" />
<input type="text" id="tx1" value="130" />
<input type="button" value=" 求和 " onclick="getSum()"/>
<br><br>
<span id="sum0"></span>
<div id="sum"></div>
<script>
$(function(){
//0~9的keyCode: 主键区48~57 , keyup/keydown:数字小键盘96~105 , keypress:全同
$("#tx0").bind("keypress",function(e){
if(!(e.keyCode>47 && e.keyCode<58)){
return false
}
})
$("#tx1").bind("keypress",function(e){
if(!(e.keyCode>47 && e.keyCode<58)){
return false
}
})
})
function getSum(){
var int0=Number($("#tx0").val())
var int1=Number($("#tx1").val())
if(isNaN(int0)){ //如果为“非数值”
return
}
if(isNaN(int1)){
return
}
var sum=0
var process=""
if(int0<int1){
for(var i=int0i<=int1i++){
sum+=i
process+=i+"+"
}
}else{
for(var i=int1i<=int0i++){
sum+=i
process+=i+"+"
}
}
process=process.substring(0,process.lastIndexOf("+"))+" = "
$("#sum").text(process + sum).addClass("resCls")
}
</script>
</body>
</html>
1、打开Hbuilder编辑器，新建一个html空白文档，输入基本的结构，然后按下Crtl+S保存一下：
2、创建一个button按钮，给按钮设置一个id，名字设置为“myBT”，创建一个用来显示隐藏的div，将其id设置为“main”：
3、给div和button设置一些样式，为了美观好看，这里无需设置display，因为默认就是显示的：
4、编写js脚本，这里用到Jquery，给button添加一个点击事件，然后获取div的dom，判断dom中的display属性值，如果是“none”，就显示div，否则则隐藏:
5、全部完成后，按下crtl+s保存，来到编辑器的右侧，观察显示效果，此时div是显示的：
6、点击hide按钮，会发现div消失了，反复点击按钮会重复显示隐藏的效果，以上就是用JS控制div显示隐藏的案例：
本文实例为大家分享了JS隐藏号码中间4位的具体代码，供大家参考，具体内容如下function
resetPhone(phone)
{
var
str
=
String(phone)
var
len
=
str.length
var
prev,next
if
(len
>=
7)
{
prev
=
str.slice(-len,-7)
next
=
str.slice(-3)
str
=
prev+"****"+next
}
else
if
(len
<
7
&&
len
>=
6)
{
prev
=
str.slice(-len,-4)
next
=
str.slice(-2)
str
=
prev
+
"**"
+
next
}
console.log(str)
return
str
}
上面可以正常使用，正则更加方便，但是如果中间连续重复数字有点小问题（如下面的正则方式）。
function
resetPhone(phone)
{
var
str
=
String(phone)
var
len
=
str.length
if
(len
>=
7)
{
var
reg
=
str.slice(-7,
-3)
return
str.replace(reg,
"****")
}
else
if
(len
<
7
&&
len
>=
6)
{
//1234567
var
reg
=
str.slice(-4,
-2)
return
str.replace(reg,
"**")
}
}
以上所述是小编给大家介绍的JS隐藏号码中间4位详解整合，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
您可能感兴趣的文章:JS中实现隐藏部分姓名或者电话号码的代码JS中input表单隐藏域及其使用方法JS实现“隐藏与显示”功能(多种方法)javascript点击按钮实现隐藏显示切换效果AngularJS实现元素显示和隐藏的几个案例JS实现鼠标点击展开或隐藏表格行的方法jquery和js实现对div的隐藏和显示方法js设置控件的隐藏与显示的两种方法js判断元素是否隐藏的方法javascript获取隐藏元素(display:none)的高度和宽度的方法
