写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 相关文章推荐
js中将具有数字属性名的对象转换为数组
Mar 06 Javascript
用js实现小球的自由移动代码
Apr 22 Javascript
jQuery中:password选择器用法实例
Jan 03 Javascript
js控制输入框获得和失去焦点时状态显示的方法
Jan 30 Javascript
js+css实现有立体感的按钮式文字竖排菜单效果
Sep 01 Javascript
基于javascript实现checkbox复选框实例代码
Jan 28 Javascript
vue.js初学入门教程(2)
Nov 07 Javascript
简单实现JS计算器功能
Dec 21 Javascript
原生JS实现日历组件的示例代码
Sep 22 Javascript
React-Native之定时器Timer的实现代码
Oct 04 Javascript
详解webpack-dev-server使用http-proxy解决跨域问题
Jan 13 Javascript
JS正则表达式验证端口范围(0-65535)
Jan 06 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
评分9.0以上的动画电影,剧情除了经典还很燃
2020/03/04 日漫
晶体管单管来复再生式收音机
2021/03/02 无线电
smarty的保留变量问题
2008/10/23 PHP
浅谈thinkphp的实例化模型
2015/01/04 PHP
php源码分析之DZX1.5随机数函数random用法
2015/06/17 PHP
PHP基于接口技术实现简单的多态应用完整实例
2017/04/26 PHP
PHP各种常见经典算法总结【排序、查找、翻转等】
2019/08/05 PHP
php设计模式之代理模式分析【星际争霸游戏案例】
2020/03/23 PHP
用jquery实现学校的校历(asp.net+jquery ui 1.72)
2010/01/01 Javascript
JS数组去重与取重的示例代码
2014/01/24 Javascript
js文件Cookie存取值示例代码
2014/02/20 Javascript
基于jQuery实现动态搜索显示功能
2016/05/05 Javascript
Vue项目部署的实现(阿里云+Nginx代理+PM2)
2019/03/26 Javascript
es6 symbol的实现方法示例
2019/04/02 Javascript
JavaScript判断浏览器运行环境的详细方法
2019/06/30 Javascript
vue 点击其他区域关闭自定义div操作
2020/07/17 Javascript
js在HTML的三种引用方式详解
2020/08/29 Javascript
[00:12]DAC2018 no[o]ne亮相SOLO赛 他是否如他的id一样无人可挡?
2018/04/06 DOTA
python实现中文输出的两种方法
2015/05/09 Python
详解Python核心编程中的浅拷贝与深拷贝
2018/01/07 Python
Python切片操作去除字符串首尾的空格
2019/04/22 Python
python中使用you-get库批量在线下载bilibili视频的教程
2020/03/10 Python
python实现文字版扫雷
2020/04/24 Python
5分钟让你掌握css3阴影、倒影、渐变小技巧(小编推荐)
2016/08/15 HTML / CSS
CSS3实现瀑布流布局与无限加载图片相册的实例代码
2016/12/22 HTML / CSS
美国折衷生活方式品牌:Robert Graham
2018/07/13 全球购物
EJB与JAVA BEAN的区别
2016/08/29 面试题
大学生个人总结的自我评价
2013/10/05 职场文书
4s店总经理岗位职责
2013/12/31 职场文书
煤矿机修工岗位职责
2014/02/07 职场文书
行政工作个人的自我评价
2014/02/13 职场文书
网页美工求职信范文
2014/04/17 职场文书
国家税务局领导班子对照检查材料思想汇报
2014/10/04 职场文书
2014年会计人员工作总结
2014/12/10 职场文书
详解JS ES6编码规范
2021/05/07 Javascript
SQL Server #{}可以防止SQL注入
2022/05/11 SQL Server