-
js 实现 checkbox 的全选
简洁的代码：
<script language=”javascript” type=”text/javascript”>
function All_checkbox() {
var list = document.getElementsByTagName(“input”);
if(list[0].checked == true){
for(var i = 0 ; i < list.length ; i++) {
list[i].checked = true;
}
}else {
for(var i = 0 ; i < list.length ; i++) {
list[i].checked = false;
}
}
}
</script>
<input type=”checkbox” name=”del_id[]” onclick=”All_checkbox();” value=”0″ /> 全选<br><input type=”checkbox” name=”del_id[]” value=”1″ />
<input type=”checkbox” name=”del_id[]” value=”1″ />这个方法弊端很大，有其他的input，就会失效。
更简洁的代码：
<input type=checkbox name=chk>
<input type=checkbox name=chk>
<br>
全选：<input type=checkbox onclick=sel(‘chk’)>
<script language=”javascript”>
function sel(a){
o=document.getElementsByName(a)
for(i=0;i<o.length;i++)
o[i].checked=event.srcElement.checked
}
</script>上面的代码更加简洁，弊端还不清楚。
其他方法，利用jQuery实现全选：jQuery 实现form的全选
没有评论 -
自动控制网页内的图片尺寸 等比例缩放图片，避免撑破布局
代码如下：
<script type=”text/javascript” >
//缩放图片到合适大小
function ResizeImages()
{
var myimg,oldwidth,oldheight;
var maxwidth=550;
var maxheight=550
var imgs = document.getElementById(‘Main_Cont’).getElementsByTagName(‘img’); //如果你定义的id不是article，请修改此处for(i=0;i<imgs.length;i++){
myimg = imgs[i];if(myimg.width > myimg.height)
{
if(myimg.width > maxwidth)
{
oldwidth = myimg.width;
myimg.height = myimg.height * (maxwidth/oldwidth);
myimg.width = maxwidth;
}
}else{
if(myimg.height > maxheight)
{
oldheight = myimg.height;
myimg.width = myimg.width * (maxheight/oldheight);
myimg.height = maxheight;
}
}
}
}
//缩放图片到合适大小
ResizeImages();
</script>应用也很简单，定义DIV的ID为：Main_Cont，图片在这个DIV里面显示，就可以控制了。
-
select跳转其他页面
两段代码，简单修改：
<select onchange=”changePage(this.value)”>
<option value=”1″>1</option>
</select>JS小函数：
<script type=”text/javascript”>
function changePage($value){
location.href=“http://www.**.com/” + $value + “.html”;
}
</script> -
简单的js加减计算代码
根据功能不同，自己发挥吧，核心代码：
<script type=”text/javascript”>
function numberT(){
var aa = document.getElementById(‘aa’).value;
var bb = document.getElementById(‘bb’).value;
var ccx = aa – bb;
document.getElementById(‘cc’).value = ccx;
}
</script>
<input type=”text” name=”aa” id=”aa” value=”2011″ />
-
<input type=”text” name=”bb” id=”bb” onkeyup=”numberT()” />
=
<input type=”text” name=”cc” id=”cc” /> -
JS版：省市区三级联动
-
复制文章内容自动添加文章链接
代码如下，不多做解释：
<script>
document.body.oncopy = function ()
{ setTimeout( function () { var text = clipboardData.getData(“text”);
if (text) { text = text + “\n本文转载自：用键盘记录人生(http://www.pksafe.cn) \n文章地址：”+location.href; clipboardData.setData(“text”, text); } }, 100 ) }
</script> -
JS常用代码列表
1、禁止被iframe
<script type=”text/javascript”>
function stopError(){return true}
window.onerror = stopError;//禁止被iframe
if(top.location!=location){top.location.href=self.location}</script>
