写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 相关文章推荐
JavaScript关于select的相关操作说明
Jan 13 Javascript
JavaScript 设计模式 安全沙箱模式
Sep 24 Javascript
javascript动画对象支持加速、减速、缓入、缓出的实现代码
Sep 30 Javascript
js eval函数使用,js对象和字符串互转实例
Mar 06 Javascript
vue学习笔记之vue1.0和vue2.0的区别介绍
May 17 Javascript
jQuery实现表格隔行换色
Sep 01 jQuery
JavaScript常见继承模式实例小结
Jan 11 Javascript
简单易扩展可控性强的Jquery转盘抽奖程序
Mar 16 jQuery
将RGB值转换为灰度值的简单算法
Oct 09 Javascript
vue+element-ui JYAdmin后台管理系统模板解析
Jul 28 Javascript
vue实现移动端项目多行文本溢出省略
Jul 29 Javascript
vue基于Echarts的拖拽数据可视化功能实现
Dec 04 Vue.js
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
骨王战斗力在公会成员中排不进前五,却当选了会长,原因竟是这样
2020/03/02 日漫
PHP计算一年多少个星期和每周的开始和结束日期
2014/07/01 PHP
PHP判断是否是微信打开,浏览器打开的方法
2018/03/14 PHP
PHP正则匹配到2个字符串之间的内容方法
2018/12/24 PHP
PDO::getAttribute讲解
2019/01/28 PHP
php实现JWT(json web token)鉴权实例详解
2019/11/05 PHP
基于逻辑运算的简单权限系统(实现) JS 版
2007/03/24 Javascript
利用javascript移动div层-javascript 拖动层
2009/03/22 Javascript
javascript解三阶幻方(九宫格)
2015/04/22 Javascript
Javascript中setTimeOut和setInterval的定时器用法
2015/06/12 Javascript
使用AngularJS来实现HTML页面嵌套的方法
2015/06/17 Javascript
jQuery实现仿百度首页滑动伸缩展开的添加服务效果代码
2015/09/09 Javascript
js实现上传图片预览方法
2016/10/25 Javascript
详解闭包解决jQuery中AJAX的外部变量问题
2017/02/22 Javascript
微信小程序scroll-view实现横向滚动和上拉加载示例
2017/03/06 Javascript
[01:58]DOTA2上海特级锦标赛现场采访:RTZ这个ID到底好不好
2016/03/25 DOTA
[01:02:06]LGD vs Mineski Supermajor 胜者组 BO3 第二场 6.5
2018/06/06 DOTA
Python的Django框架中自定义模版标签的示例
2015/07/20 Python
python+mongodb数据抓取详细介绍
2017/10/25 Python
Python探索之爬取电商售卖信息代码示例
2017/10/27 Python
浅述python2与python3的简单区别
2018/09/19 Python
python无限生成不重复(字母,数字,字符)组合的方法
2018/12/04 Python
Python面向对象程序设计OOP深入分析【构造函数,组合类,工具类等】
2019/01/05 Python
python 批量添加的button 使用同一点击事件的方法
2019/07/17 Python
浅谈keras2 predict和fit_generator的坑
2020/06/17 Python
使用Dajngo 通过代码添加xadmin用户和权限(组)
2020/07/03 Python
python处理写入数据代码讲解
2020/10/22 Python
HTML5 中新的全局属性(整理)
2013/07/31 HTML / CSS
英国高级百货公司:Harvey Nichols
2017/01/29 全球购物
内业资料员岗位职责
2014/01/04 职场文书
大学第二课堂活动总结
2014/07/08 职场文书
2019最新婚庆对联集锦!
2019/07/10 职场文书
高一作文之乐趣
2019/11/21 职场文书
Java基础——Map集合
2022/04/01 Java/Android
CentOS7和8下安装Maven3.8.4
2022/04/07 Servers
MySQL性能指标TPS+QPS+IOPS压测
2022/08/05 MySQL