我常用到的一些js-CSDN博客

本文链接：https://blog.csdn.net/z542601362/article/details/45158887

1、定义js随机字符：
var times1 = parseInt(Math.random()*99999999+1);
Math.random(); //这个方法获得一个0.13246578 的的小数。

2、js修改div的css样式：
document.getElementById("dahang1").className="style1";

3、js修改div的背景图片：
document.getElementById("Searchxinxi").style.background="url(image/Search_bg.jpg)";

4、js修改图片：
var o = document.getElementById("DaoHang5"); //图片id
o.src="images/gzal_2.jpg"; //图片地址

5、JS跳转页面
Page.RegisterClientScriptBlock("", "<script>window.parent.location='/User/XueXi.html'</script>");

6、JS跳转到新页面，不被浏览器阻止
<script type="text/javascript">
    function xuexi(Url)
    {
        document.getElementById("EmailForm").action = Url;
        document.getElementById("EmailForm").submit();
    }
</script>
<form id="EmailForm" action="default.aspx" method="get" target="_blank"></form>
<script type="text/javascript">
xuexi('XueXi.html');
</script>
后来发现这个办法其实也不行，只有是当前页面点击事件的时候用js弹出新窗口才不会被浏览器阻止（也就是说当用户自愿点击js的时候才不会被阻止），如果是asp.net的按钮提交页面后在调用js这样是会被阻止的。

7、js定时执行事件
setTimeout("alert(123456);",6000);//6秒后在执行alert这个事件

8、当刷新页面后位置不变（复制下面的代码在网页中就直接可以用了，刷新页面后页面还会在原来的位置）
<script type="text/javascript">
    //js控制页面刷新时，滚动条位置不变
    function window.onload()
    {
    var arr;
    if(arr=document.cookie.match(/scrollTop=([^;]+)(;|$)/))
    document.documentElement.scrollTop=parseInt(arr[1]);
    document.body.scrollTop=parseInt(arr[1]);
    }

//页面刷新前保存滚动条位置信息到cookie

    function window.onbeforeunload(){
    var scrollPos;
    if (typeof window.pageYOffset != 'undefined') {
       scrollPos = window.pageYOffset;
    }
    else if (typeof document.compatMode != 'undefined' &&
         document.compatMode != 'BackCompat') {
       scrollPos = document.documentElement.scrollTop;
    }
    else if (typeof document.body != 'undefined') {
       scrollPos = document.body.scrollTop;
    }
    document.cookie="scrollTop="+scrollPos;
    }
    //js控制页面刷新时，滚动条位置不变
</script>
<a href=\"javascript:window.parent.location=window.location.href\">点击刷新页面</a>

9、输入框中默认显示内容，点击时消失，不输入内容在还原

<asp:TextBox ID="Texx_Activation" οnfοcus="if(this.value=='填写激活码'){this.value='';}" οnblur="if(this.value==''){this.value='填写激活码';}" ></asp:TextBox>

10、设置输入框不支持回车提交

<asp:TextBox ID="Texx_Content"  οnkeypress="if(event.keyCode==13){ButtonNo();return false;}"></asp:TextBox>
<script type="text/javascript">
    function ButtonNo()
    {
        if(document.all)
        {
            event.returnValue=false;
        }
        else
        {
            event.preventDefault();
        }
     }
</script>

11、js修改div中的内容
document.getElementById("SContent").innerHTML="文字";
jquery方法：$("#divID").html(content);

12、获得文本框的值
document.getElementById("C1_Money").value;
jquery方法：$("#Texx_Username").val();

13、两个文本框内容相减
Number(document.getElementById("C_Money").value) - Number(document.getElementById("C_Money_"+id).value);

14、金钱过三位出现小数点
document.getElementById("C_Money").value.replace(/\B(?=([\d]{3})+$)/g,',')

15、控制DIV隐藏或者显示
document.getElementById("Image_Box").style.display="none";
document.getElementById("Image_Box").style.display="block";
jquery方法：$("#ChongXinXuanBan").hide(1000);
jquery方法：$("#ChongXinXuanBan").show(1000);

16、判断文本框中输入的是否是数字
if(!IsNum(document.getElementById("Texx_Order").value))
{
      alert('排序请输入数字');
      event.returnValue=false;
}
function IsNum(num)
{
    var reNum=/^\d*$/;
    return(reNum.test(num));
}

18、js判断字符串是否包某个字符
var Cts = "bblText";

f(Cts.indexOf("Text") > 0 )
{
    alert('Cts中包含Text字符串');
}
//注意如果判断是否存在bblText的时候判断出来的结果是不存在的，因为不兼容第一个字符，可以在判断的文本前面加一个任意字符。

19、将文本框中的内容转换成数字类型
Number(document.getElementById('qq').value)

20、将大写字母转换成小写
toLowerCase() 方法
alert('JPg'.toLowerCase());

21、三位数字后面加逗号，如：25,5468,877
'255468877'.replace(/\B(?=([\d]{3})+$)/g,',')

22、js select 选中问题
document.getElementById("Select1").value = "2";
//$("#Select1").val("2");//jquery
<select id="Select1">
    <option value="0">x</option>
    <option value="1" selected="selected">y</option>
    <option value="2">z</option>
</select>

23、用Js判断radiobuttonlist是否被选中且获得选中的值
var cnt = document.getElementById(' <% =RadioButtonList1.ClientID %>');
var radioArr = cnt.getElementsByTagName("input");
for(var i = 0; i < radioArr.length; i++)
{
if(radioArr[i].checked) { alert(radioArr[i].value); }
}

24、try和catch的用法
try
{
throw new Error(10,"asdasdasd")
}
catch (e)
{
alert('错误信息');
alert(e.message);
}

25、js锚点定位
普通定位方式是在地址后面加上#ST即可，现想通过JS实现定位，代码：window.location.hash="ST"
jquery动态效果：$("html,body").animate({scrollTop: $("#LiLun_BanJi").offset().top}, 1000);

26、window.open弹出新窗口的方法，兼容所有浏览器（第二个参数是页面说明的意思，但是如果写值ie浏览器好像就不支持）
window.open('http://www.baidu.com', '', 'top=90,left=150,width=970,height=585,location=no,menubar=no,resizable=no,scrollbars=no,status=no,toolbar=no');

27、判断是否是从window.open跳转来的页面
    try
    {
        var ss = window.opener.location;
         alert('是从'+ ss +'页面window.open过来的');
    }
    catch (e)
    {
         alert('可能是直接输入的网址');
    }

28、js勾选checkbox，checkbox也有value的属性，通过js也可以获得到
<input id="xuanze"t ype="checkbox" οnclick=“XuanZe()" value="选择1" />
document.getElementById("xuanze_" + a).checked = true;

29、截取字符串中的指定字符
alert("1234567890只要前面十个字符".substring(0,9));

30、选中radio的值
document.getElementsByName("Texx_CaoZuoBan")[0].checked = true;

31、数组和for循环
vararr=[12,23,5,3,25,98,76,54,56,76,];//定义了一个包含10个数字的数组
alert(arr.length);//显示数组的长度10
   for (i = 0; i < arr.length; i++)
    {
         alert(arr[i]);
    }

32、让文本框去掉回车事件
οnkeypress="if(event.keyCode==13){ButtonNo();return false;}"

33、实用的判断
var aa=66;
alert(((aa < 60) ? "不及格" : "及格"));

34、判断字符串中是否存在字符
var Cts = "bblText";
if(Cts.indexOf("Text") > 0 )
{
alert('Cts中包含Text字符串');
}

35、js获得文本框焦点
document.getElementById("Texx_Phone").focus();

36、js跳转页面的时候用iframe页打开跳转页面
<iframe name="main" id="main" style="width:100%;height:100%;"></iframe>
document.getElementById("main").src="方法

37、替换
alert("abacacf".replace('a','9'));
alert("abacacf".replace(/a/g,'9'));
第一个运行的结果 9bacaf 这个只是替换了第一个
第二个运行的结果 9b9c9f 这个能实现js的全部替换功能

38、字母大小写转换
'NiHao'.toUpperCase();//小写转换大写
'NiHao'.toLowerCase();//大写转换为小写

39、获得select中的text值

var selectObj = document.getElementById('Texx_KaoShiShiBieHao');
alert(selectObj.options[selectObj.selectedIndex].text); return;

40、jQuery获取Select选择的Text和Value:

1. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text

2. var checkValue=$("#select_id").val(); //获取Select选择的option Value

3. var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值

4. var maxIndex=$("#select_id option:last").attr("index"); //获取Select最大的索引值

jQuery添加/删除Select的Option项：

1. $("#select_id").append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项)

2. $("#select_id").prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位置)

3. $("#select_id option:last").remove(); //删除Select中索引值最大Option(最后一个)

4. $("#select_id option[index='0']").remove(); //删除Select中索引值为0的Option(第一个)

5. $("#select_id option[value='3']").remove(); //删除Select中Value='3'的Option

6. $("#select_id option[text='4']").remove(); //删除Select中Text='4'的Option

内容清空Select的Option项：

$("#select_id").empty();

40、是否确定执行JS：

function Leave(SN)

{

if(confirm("确认删除?"))

{

window.location = 'ProgressDelete.aspx?sn='+SN;

}

41、JS替换文本框中的回车，然后post到其他页面：

var message = 文本框中的值;

reg = new RegExp("\\r\\n", "g"); //创建正则RegExp对象，可能在不同系统中空格是不同的
message = message.replace(reg, "(!!!)");//把空格换成特定字符传递过去，之后在其他页面改回来

reg = new RegExp("\\r", "g"); //创建正则RegExp对象，可能在不同系统中空格是不同的

message = message.replace(reg, "(!!!)");

reg = new RegExp("\\n", "g"); //创建正则RegExp对象，可能在不同系统中空格是不同的

message = message.replace(reg, "(!!!)");

42、JS json文件的处理，data返回的必须是json格式，然后如：data[i].GroupID 这样来调用json中的数据值。

}, "json");
}

42、jquery循环某个class样式，如循环：user_name_list：
$(".user_name_list").each(function (index, domEle) {//循环user_name_list

                var tag = ',' + groupsn + ',';
                if ($(this).attr("id").indexOf(tag) != -1) {//如果是选中组的成员
                    $(this).show();
                }
            });

43、当前时间