写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 相关文章推荐
Google Suggest ;-) 基于js的动态下拉菜单
Oct 11 Javascript
JQuery 遮罩层实现(mask)实现代码
Jan 09 Javascript
JavaScript DOM 学习第二章 编辑文本
Feb 19 Javascript
javascript 密码强度验证规则、打分、验证(给出前端代码,后端代码可根据强度规则翻译)
May 18 Javascript
JQuery扩展插件Validate 3通过参数设置错误信息
Sep 05 Javascript
在网站上应该用的30个jQuery插件整理
Nov 03 Javascript
Ext JS 4实现带week(星期)的日期选择控件(实战二)
Aug 21 Javascript
每天一篇javascript学习小结(String对象)
Nov 18 Javascript
详解js界面跳转与值传递
Nov 22 Javascript
Vue 2.X的状态管理vuex记录详解
Mar 23 Javascript
vue登录路由验证的实现
Dec 13 Javascript
微信小程序:报错(in promise) MiniProgramError
Oct 30 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
linux环境apache多端口配置虚拟主机的方法深入介绍
2013/06/09 PHP
使用PHP编写发红包程序
2015/07/22 PHP
PHP防盗链的基本思想 防盗链的设置方法
2015/09/25 PHP
PHP使用标准库spl实现的观察者模式示例
2018/08/04 PHP
用PHP做了一个领取优惠券活动的示例代码
2019/07/05 PHP
用js实现手把手教你月入万刀(转贴)
2007/11/07 Javascript
Javascript中对象继承的实现小例
2014/05/12 Javascript
jQuery控制TR显示隐藏的几种方法
2014/06/18 Javascript
Node.js中使用Log.io在浏览器中实时监控日志(等同tail -f命令)
2014/09/17 Javascript
js限制文本框只能输入整数或者带小数点的数字
2015/04/27 Javascript
JS截取与分割字符串常用技巧总结
2015/11/10 Javascript
AngularJS实践之使用ng-repeat中$index的注意点
2016/12/22 Javascript
Google 爬虫如何抓取 JavaScript 的内容
2017/04/07 Javascript
vue.js的computed,filter,get,set的用法及区别详解
2018/03/08 Javascript
微信小程序自定义组件之可清除的input组件
2018/07/17 Javascript
javascript使用substring实现的展开与收缩文字功能示例
2019/06/17 Javascript
微信小程序8种数据通信的方式小结
2020/02/03 Javascript
node.js中fs文件系统模块的使用方法实例详解
2020/02/13 Javascript
Vue打包部署到Nginx时,css样式不生效的解决方式
2020/08/03 Javascript
[02:48]DOTA2英雄基础教程 暗夜魔王
2013/12/12 DOTA
Python 文件读写操作实例详解
2014/03/12 Python
详解python的ORM中Pony用法
2018/02/09 Python
TensorFlow深度学习之卷积神经网络CNN
2018/03/09 Python
python用pandas数据加载、存储与文件格式的实例
2018/12/07 Python
python3.6环境安装+pip环境配置教程图文详解
2019/06/20 Python
Python字符串函数strip()原理及用法详解
2020/07/23 Python
详解Python中如何将数据存储为json格式的文件
2020/11/18 Python
如何使用python-opencv批量生成带噪点噪线的数字验证码
2020/12/21 Python
美国亚洲时尚和美容产品的一站式网上商店:Stylevana
2019/09/05 全球购物
微型企业创业投资计划书
2014/01/10 职场文书
求职信模板标准格式范文
2014/02/23 职场文书
合作意向书格式及范文
2014/03/31 职场文书
机关干部四风问题自查报告及整改措施
2014/10/26 职场文书
mybatis中sql语句CDATA标签的用法说明
2021/06/30 Java/Android
排查Tomcat进程假死的问题
2022/05/06 Servers
Python数组变形的几种实现方法
2022/05/30 Python