前台js及body内的一些常用写法

js控制文本框输入权限

1 $("#tel").prop("disabled", true);//禁止输入,tel代表input的id
2 $("#tel").prop("disabled", false);//允许输入,tel代表input的id

js控制按钮的可用/不可用

1 $(‘#tel‘).attr(‘disabled‘,true);//使按钮不可用，tel代表按钮的id
2 $(‘#tel‘).attr(‘disabled‘,false);//恢复按钮

设置文本框宽度：（使用size）

1 <input type=‘text‘ size=35 />

js如何阻止a标签刷新当前页面

1 <a href=""></a> //这样不能阻止
2 <a href="javascript:void(0)">跳转</a>//这样可以阻止

js解决url传递中文参数乱码问题：（使用encodeURI）

var url = encodeURI(encodeURI("<%=webapp%>/test/test.act?id="+id));

或者 页面端发出的数据作两次encodeURI

1 //前台js
2 var name="张三";
3 encodeURI(encodeURI(name));
4 //后台解码：
5 URLDecoder.decode(name,"UTF-8");

如何让radio选中后面的文字也能达到点击圆圈的效果：（两边加上label标签即可）

1 //必须点击前面的圆圈才能选中这个选项
2 <input type ="radio" name = "test" value ="" checked>test1<br>
3 //点击文字也能选中这个选项（加上label标签）
4 <label><input type ="radio" name = "test" value ="">test1</label><br>   

js进入页面延迟加载某个方法

1 $(function(){
2    setTimeout("doSearch()",1000); //延迟1秒加载doSearch方法
3 })

js判断父页面是否有某个方法，如果有就调用

1 //savestate是当前页面的父页面的方法
2 if(parent && parent.savestate){
3     parent.savestate();//调用父页面的savestate方法
4 }

js将不可编辑的文本框变成可编辑状态：（这里要注意一点：disabled 属性无法与 <input type="hidden"> 一起使用。）

1 $("#test").attr("disabled",false);  //test代表input文本框的id
2 $("#test").removeAttr("disabled");

持续更新！！

原文地址：https://www.cnblogs.com/flyinghome/p/12167745.html