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

[亡魂溺海] 提交于 2020-01-15 07:15:57

 

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");

 

 

 

 

持续更新!!

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!