写js时遇到的一些小问题


Posted in Javascript onDecember 06, 2010

1、在写<asp:Button ……>的OnClientClick事件时,需要加上return;否则会出现OnClientClick返回false,但仍然执行OnClick事件的情况。
例如:

<asp:Button ID="btnSearch" runat="server" CssClass="button" Text="查找...." OnClientClick="return CheckBox();" OnClick="btnSearch_Click"></asp:Button>

2、window.showModalDialog()方式打开新窗口中,如果其中包含js编辑器或者其他第三方编辑器时,会出现不能编辑的情况,连选中都不行;
至今我还没找到比较好的解决办法,还是换成window.open()方式试试。
3、checkbox全选问题:
html:
<input type="checkbox" id="chkAll" onclick="selectAll()" />全选 
<asp:CheckBoxList ID="ckblist" runat="server" RepeatLayout="Flow" RepeatDirection="Horizontal"></asp:CheckBoxList>

js:
function selectAll() 
{ 

var obj = document.getElementById("chkAll");
 

var ckblist = document.getElementById("ckblist");
 

var chk = ckblist.getElementsByTagName("input");
 

if(obj.checked)
 

{

 


for(var i = 0; i < chk.length; i++)

 


{


 



chk[i].checked = true;

 


}
 

}
 

else
 

{

 


for(var i = 0; i < chk.length; i++)

 


{


 



chk[i].checked = false;

 


}
 

} 
}

下面是一些js基础知识
① 
//js获取Table并改变它的样式 
<script type="text/javascript"> 
function setColSpan() 
{ 
var x=document.getElementById('myTable').rows[0].cells //获取table的第一行 
x[0].colSpan="1" //改变table的样式 
x[1].colSpan="3" //同上 
} 
</script> 
<table id="myTable" border="1"> 
<tr> 
<td colspan="2">单元格1</td> 
<td colspan="2">单元格2</td> 
</tr> 
<tr> 
<td>单元格3</td> 
<td>单元格4</td> 
<td>单元格5</td> 
<td>单元格6</td> 
</tr> 
</table> 
<input type="button" onclick="setColSpan()" value="改变colspan值"> ② 
//js中的定时循环调用函数 setInterval (无限弹)和对应的停止函数 
var timer //首先要声明一个变量用来存储setInterval返回 
的值. 
timer=setInterval("alert('123')",500); //用声明好的变量存储setInterval返回的值. 
clearInterval(timer); //清除setInterval函数 
如果确实要在setInterval方法中调用参数,并且该函数需要传递参数,那么可以通过通过如下方式:把要传的值声明为全局变量,然 
后在方法中进行调用.例如: 
<script type="text/javaScript"> 
var n=1,obj ; 
function f1() 
{ obj =setInterval(f2(),1000) } 
function f2() 
{ alert(n+=n;)} 
</script> 

③ 
//js获得本页网址 
var Url = window.location.href; 
④ 
//js控制保存本页面 
document.execCommand("SaveAs","","C:\\index.htm"); //1.要进行的操作名,2.默认保存到的地址和文件名和文件类型 
function save(dizhi){ 
document.execCommand("SaveAs","",dizhi); 
} 
⑤ 
//打开,另存为,属性,打印"等14个JS代码 
■打开■ 
<input name=Button onClick=document.all.WebBrowser.ExecWB(1,1) type=button value=打开> 
<OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT> 
■另存为■ 
<input name=Button onClick=document.all.WebBrowser.ExecWB(4,1) type=button value=另存为><OBJECT 
classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT> 
■属性■ 
<input name=Button onClick=document.all.WebBrowser.ExecWB(10,1) type=button value=属性><OBJECT 
classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT> 
■打印■ 
<input name=Button onClick=document.all.WebBrowser.ExecWB(6,1) type=button value=打印><OBJECT 
classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT> 
■页面设置■ 
<input name=Button onClick=document.all.WebBrowser.ExecWB(8,1) type=button value=页面设置><OBJECT 
classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT> 
■刷新■ 
<input type=button value=刷新 name=refresh onclick="window.location.reload()"> 
■导入收藏■ 
<input type="button" name="Button" value="导入收藏夹" onClick=window.external.ImportExportFavorites(true,);> 
■导出收藏■ 
<input type="button" name="Button3" value="导出收藏夹" onClick=window.external.ImportExportFavorites(false,);> 
■加入收藏■ 
<INPUT name=Button2 onclick="window.external.AddFavorite(location.href, document.title)" type=button value=加入收藏 
夹> 
■整理收藏夹■ 
<INPUT name=Submit2 onclick="window.external.ShowBrowserUI(OrganizeFavorites, null)" type=button value=整理收藏夹> 
■查看原文件■ 
<INPUT name=Button onclick=window.location = "view-source:" + window.location.href type=button value=查看源文件> 
■语言设置■ 
<INPUT name=Button onclick="window.external.ShowBrowserUI(LanguageDialog, null)" type=button value=语言设置> 
■前进■ 
<INPUT name=Submit onclick=history.go(1) type=submit value=前进> 
■后退■ 
<INPUT name=Submit2 onclick=history.go(-1) type=submit value=后退> 
⑥ 
//改变CSS样式 
一、局部改变样式(区分大小写) 
改变className(不用加上style) 
document.getElementById('t2').className=”…” 
改变classText(必须加上style) 
document.getElementById('t2').style.cssText=”…” 
直接改变控件的CSS的样式 
document.getElementById('t2').style.backgroundColor=”#003366″ 
二、全局改变样式(换肤) 
给现在使用的CSS样式加一个id,换肤的时候,更改引用的CSS样式的路径,例如: 
<link rel = "stylesheet" type="text/css" id="css" href="firefox.css" /> 
<span on click="javascript:document.getElementById('css').href = 'ie.css'">点我改变样式</span> 
⑦ 
//生成随机数,参数为(最小值,最大值) 
function GetRnd(min,max){ 
return parseInt(Math.random()*(max-min+1)); 
} 
⑧ 
//js中把字符串转化为数字 
parseInt("123"); //123
Javascript 相关文章推荐
vs2003 js文件编码问题的解决方法
Mar 20 Javascript
JavaScript中的一些定位属性[图解]
Jul 14 Javascript
Bootstrap使用基础教程详解
Sep 05 Javascript
jQuery模拟实现的select点击选择效果【附demo源码下载】
Nov 09 Javascript
JS填写银行卡号每隔4位数字加一个空格
Dec 19 Javascript
JS实现的随机排序功能算法示例
Jun 09 Javascript
Angular2开发环境搭建教程之VS Code
Dec 15 Javascript
VUE解决微信签名及SPA微信invalid signature问题(完美处理)
Mar 29 Javascript
微信小程序bindinput与bindsubmit的区别实例分析
Apr 17 Javascript
详解django模板与vue.js冲突问题
Jul 07 Javascript
React+TypeScript+webpack4多入口配置详解
Aug 08 Javascript
vue实现数字滚动效果
Jun 29 Javascript
javascript定义函数的方法
Dec 06 #Javascript
javascript中的一些注意事项 更新中
Dec 06 #Javascript
JavaScript Accessor实现说明
Dec 06 #Javascript
关于Javascript模块化和命名空间管理的问题说明
Dec 06 #Javascript
javascript处理table表格的代码
Dec 06 #Javascript
菜鸟javascript基础资料整理3 正则
Dec 06 #Javascript
菜鸟javascript基础资料整理2
Dec 06 #Javascript
You might like
PHP中常用的魔术方法
2017/04/28 PHP
Thinkphp 3.2框架使用Redis的方法详解
2019/10/24 PHP
jQuery使用手册之 事件处理
2007/03/24 Javascript
js右键菜单效果代码
2007/07/21 Javascript
js 实现复制到粘贴板的功能代码
2010/05/13 Javascript
轻松5句话解决JavaScript的作用域
2016/07/15 Javascript
微信小程序 购物车简单实例
2016/10/24 Javascript
谈谈因Vue.js引发关于getter和setter的思考
2016/12/02 Javascript
Bootstrap 过渡效果Transition 模态框(Modal)
2017/03/17 Javascript
jQuery EasyUI window窗口使用实例代码
2017/12/25 jQuery
JS交互点击WKWebView中的图片实现预览效果
2018/01/05 Javascript
详解mpvue中小程序自定义导航组件开发指南
2019/02/11 Javascript
移动端 Vue+Vant 的Uploader 实现上传、压缩、旋转图片功能
2019/06/10 Javascript
在vue中使用vuex,修改state的值示例
2019/11/08 Javascript
微信小程序自定义模态弹窗组件详解
2019/12/24 Javascript
微信小程序实现导航栏和内容上下联动功能代码
2020/06/29 Javascript
js实现QQ邮箱邮件拖拽删除功能
2020/08/27 Javascript
JavaScript常用进制转换及位运算实例解析
2020/10/14 Javascript
在antd中setFieldsValue和defaultVal的用法
2020/10/29 Javascript
Python批量修改文件后缀的方法
2014/01/26 Python
Python中的连接符(+、+=)示例详解
2017/01/13 Python
用python写个自动SSH登录远程服务器的小工具(实例)
2017/06/17 Python
Tensorflow 实现修改张量特定元素的值方法
2018/07/30 Python
Opencv+Python 色彩通道拆分及合并的示例
2018/12/08 Python
python中sort和sorted排序的实例方法
2019/08/26 Python
Python虚拟环境virtualenv创建及使用过程图解
2020/12/08 Python
CSS3区域模块region相关编写示例
2015/08/28 HTML / CSS
HTML5之tabindex属性全面解析
2016/07/07 HTML / CSS
StubHub墨西哥:购买和出售您的门票
2016/09/17 全球购物
美国儿童服装、家具和玩具精品店:Maisonette
2019/11/24 全球购物
高级护理实习生自荐信
2013/09/28 职场文书
2015年机械设备管理工作总结
2015/05/04 职场文书
党务工作者主要事迹材料
2015/11/03 职场文书
七年级写作指导之游记作文
2019/10/07 职场文书
SpringBoot2 参数管理实践之入参出参与校验的方式
2021/06/16 Java/Android
Win11开始菜单添加休眠选项
2022/04/19 数码科技