写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实现网页背景烟花效果的方法
Aug 06 Javascript
详解jQuery向动态生成的内容添加事件响应jQuery live()方法
Nov 02 Javascript
jQuery事件的绑定、触发、及监听方法简单说明
May 10 Javascript
详解js数组的完全随机排列算法
Dec 16 Javascript
fullCalendar中文API官方文档
Feb 07 Javascript
Angularjs的键盘事件的绑定
Jul 27 Javascript
详解angularjs的数组传参方式的简单实现
Jul 28 Javascript
Vue中$refs的用法详解
Jun 24 Javascript
jquery分页插件pagination使用教程
Oct 23 jQuery
vue中的适配px2rem示例代码
Nov 19 Javascript
如何为你的JS项目添加智能提示与类型检查详解
Mar 12 Javascript
vue 获取到数据但却渲染不到页面上的解决方法
Nov 19 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
社区(php&amp;&amp;mysql)四
2006/10/09 PHP
php 获取百度的热词数据的代码
2012/02/18 PHP
深入解析php中的foreach问题
2013/06/30 PHP
Yii2框架使用计划任务的方法
2016/05/25 PHP
PHP实现支付宝即时到账功能
2016/12/21 PHP
PHP实现广度优先搜索算法(BFS,Broad First Search)详解
2017/09/16 PHP
JSQL SQLProxy 的 php 版本代码
2010/05/05 Javascript
JavaScript OOP面向对象介绍
2010/12/02 Javascript
js 判断checkbox是否选中的操作方法
2012/11/09 Javascript
JS子父窗口互相操作取值赋值的方法介绍
2013/05/11 Javascript
JavaScript不使用prototype和new实现继承机制
2014/12/29 Javascript
JavaScript插件化开发教程 (四)
2015/01/27 Javascript
jQuery实现无限往下滚动效果代码
2016/04/16 Javascript
KnockoutJS 3.X API 第四章之数据控制流with绑定
2016/10/10 Javascript
分享一个精简的vue.js 图片lazyload插件实例
2017/03/13 Javascript
JS简单实现获取元素的封装操作示例
2017/04/07 Javascript
vue双花括号的使用方法 附练习题
2017/11/07 Javascript
浅谈Angular 中何时取消订阅
2017/11/22 Javascript
细说webpack源码之compile流程-rules参数处理技巧(1)
2017/12/26 Javascript
简单谈谈CommonsChunkPlugin抽取公共模块
2017/12/31 Javascript
JavaScript设计模式之观察者模式实例详解
2019/01/16 Javascript
Openlayers实现距离面积测量
2020/09/28 Javascript
[01:04:05]VG vs Newbee 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
Python中用字符串调用函数或方法示例代码
2017/08/04 Python
python和flask中返回JSON数据的方法
2018/03/26 Python
Python3 实现随机生成一组不重复数并按行写入文件
2018/04/09 Python
Python使用pyserial进行串口通信的实例
2019/07/02 Python
Python绘制股票移动均线的实例
2019/08/24 Python
python Pillow图像处理方法汇总
2019/10/16 Python
python 经典数字滤波实例
2019/12/16 Python
Django执行源生mysql语句实现过程解析
2020/11/12 Python
canvas简易绘图的实现(海绵宝宝篇)
2018/07/04 HTML / CSS
简单的项目建议书模板
2014/03/12 职场文书
如何撰写出一份完美的商业计划书?
2019/07/12 职场文书
Go语言带缓冲的通道实现
2021/04/26 Golang
微信小程序APP的事件绑定以及传递参数时的冒泡和捕获
2022/04/19 Javascript