移动页面禁用body滚动

场景:

有一个移动页面,默认情况下是可以滚动的,
然后打开弹窗,发现滑动的时候,主body还是会跟着滚动
所以就需要当找开弹窗的时候,先临时禁用body的滚动

1. 定义控制body不能滚动的样式类

body.noscroll {
	position: fixed;
	overflow: hidden;
	top:0;
	bottom:0;
	left:0;
	right:0;
}

继续阅读

js(Javascript)增加删除表(table)行(tr)

代码很简单,本人只是做一个抛砖引玉而已~~~哈哈~

<html>
<head>
<title>js insert delete talbe row</title>	
<script type="text/javascript">
function inRow()
{
	var table = document.getElementById("tid");	
	var nextIndex = table.rows.length
	var nextRow = table.insertRow(nextIndex);	
	nextRow.insertCell(0).innerHTML = "A"+nextIndex;
	nextRow.insertCell(1).innerHTML = "B"+nextIndex;
	nextRow.insertCell(2).innerHTML = "C"+nextIndex;
	nextRow.insertCell(3).innerHTML = '<a href="javascript:;" onclick="return del(this)">删除</a>';
	return false;
}
function del(obj)
{
	var table = obj.parentNode.parentNode.parentNode;
	table.deleteRow(obj.parentNode.parentNode.rowIndex);	
}
</script>
</head>	
<body>
<input type="button" name="insert" value="增加" onclick="return inRow()" />
<table border="1" width="300" name="tt" id="tid">
	<tr>
	<td>A0</td>
	<td>B0</td>
	<td>C0</td>
	<td><a href="javascript:;" onclick="return del(this)">删除</a></td>	
</tr>
<tr>
	<td>A1</td>
	<td>B1</td>
	<td>C1</td>
	<td><a href="javascript:;" onclick="return del(this)">删除</a></td>	
</tr>
<tr>
	<td>A2</td>
	<td>B2</td>
	<td>C2</td>
	<td><a href="javascript:;" onclick="return del(this)">删除</a></td>	
</tr>
<tr>
	<td>A3</td>
	<td>B3</td>
	<td>C3</td>
	<td><a href="javascript:;" onclick="return del(this)">删除</a></td>	
</tr>	
</table>
</body>
</html>

案例如下:
继续阅读

javascript操作cookie

//写cookies函数
function setCookie(name,value)//两个参数,一个是cookie的名子,一个是值
{
    if(getCookie(name)!=null)delCookie(name);
    var Hour = 3; //此 cookie 将被保存 3 小时
    var exp  = new Date();    //new Date("December 31, 9998");
    exp.setTime(exp.getTime() + Hour*60*60*1000);
    document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}
 
//取cookies函数
function getCookie(name)       
{
    var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
     if(arr != null) return unescape(arr[2]); return null;
}
 
//删除cookie
function delCookie(name)
{
    var exp = new Date();
    exp.setTime(exp.getTime() - 1);
    var cval=getCookie(name);
    if(cval!=null) document.cookie= name + "="+cval+";expires="+exp.toGMTString();
}

继续阅读

404页面 3秒后跳到首页 实现

当我们访问一个页面不存在的时候,就会跳到404页面

一般网站都在在404页面中做一个处理,

就是当用户3秒种内还没有任何操作的话,就会自动跳转到其它页面

技术实现有两种方法

1. 在404页面中的header间加上
<meta http-equiv=”refresh” content=”3;url=http://你跳转的网站”>

2. 用户JS实现location

< !DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK"/>
<title>404 Not Found</title>
</head>
<body>
 <h1>找不到指定的页面</h1>
 <span id="totalSecond">3</span>秒后自动返回
</body>
<script language="javascript" type="text/javascript">
<!--
    var second = document.getElementById('totalSecond').textContent;
    if (navigator.appName.indexOf("Explorer") > -1)  //判断是IE浏览器还是Firefox浏览器,采用相应措施取得秒数
    {
        second = document.getElementById('totalSecond').innerText;
    } else
    {
        second = document.getElementById('totalSecond').textContent;
    }
    setInterval("redirect()", 1000);  //每1秒钟调用redirect()方法一次
    function redirect()
    {
        if (second < 0)
        {
            location.href = 'http://要跳转的网站';
        } else
        {
            if (navigator.appName.indexOf("Explorer") > -1)
            {
                document.getElementById('totalSecond').innerText = second--;
            } else
            {
                document.getElementById('totalSecond').textContent = second--;
            }
        }
    }
-->
</script>
</html>

继续阅读

JS(JavaScript)显示隐藏DIV(HTML)

先看如下一个简单的例子:

第一个DIV

click

继续阅读

JS 动态生成 select option

function ad_changed(obj) 
  {
  	id = obj.value;
  	Ajax.call('adv_auto.php?act=get_id&is_ajax=1', 'parent_id='+id, re_ad_changed, "GET", "JSON");
  }
  function re_ad_changed(result)
  {
  	child = document.getElementById('ad_id');
	child.options.length=0;
  	for(i = 0; i < result.content.length; i++)
  	{ 
  	  child.options.add(new Option());
  	  child.options[i].value = result.content[i].ad_id;
  	  child.options[i].text = result.content[i].ad_name;
   	}
   	child.style.display = "";
  	return ;
  }

继续阅读

JS控制select option

var mySelect = document.createElement("select");
mySelect.id = "mySelect";  
 
document.body.appendChild(mySelect);
 
 var obj=document.getElementById('mySelect');
 
obj.options.add(new Option("text","value")); //这个兼容IE与firefox
 
 
var index=obj.selectedIndex; //序号,取当前选中选项的序号
 
var val = obj.options[index].value;//读取选定值 
 
var val = obj.options[index].text; //读取选定文本
 
var val = obj.options[index]=new Option("新文本","新值");//设定新文本
 
obj.options.remove(index);//删除选中的option 
 
obj.options.length=0;//清除所有option

继续阅读

写的简单JS例子

/* 点击默认文字清除 */
function clearText(obj)
{
  if (obj.value == "文明上网,理性发言")
  {
    obj.value="";
  }
}
/* DIV显示 */
function showReply(c_id)
{
  var reply_id;
  reply_id = document.getElementById("reply_" + c_id);
  reply_id.style.display = "block";
  return false;
}
/* DIV隐藏 */
function cancelReply(c_id)
{
  var reply_id;
  reply_id = document.getElementById("reply_" + c_id);
  reply_id.style.display = "none";
  return false;
}

继续阅读