javascriot记事本

javaer

2011-03-28

<script language="javascript" type="text/javascript">
function mykeydown()
{

 var keyCode = window.event.keyCode;
    if (keyCode == 13){alert("13");}
}

document.onkeydown = mykeydown

1..在引用JavaScript脚本的时候，script标签要成对出现，不可用<script src="" type=""/>的形式，引用的时候也不要写language=""，这个错误难以发现和调试。

2..JavaScript 在页面上获取label的值，可以直接建立一个span标签包围它，用document.getElementById("spanId").innerText来取，或者直接用span标签代替label，因为label标签没有value属性。

3.freamset左右分：

<HTML>
<HEAD>
<title>freamSet</title>
</HEAD>
<FRAMESET COLS="25%,*">
	<FRAME SRC="1.html" NAME="Left">
	<FRAME SRC="2.html" NAME="moonpiazza"  style="border:none" frameborder="no" scrolling="no" noresize>
</FRAMESET><noframes></noframes>
</HTML>

4.lable for: for 属性规定 label 与哪个表单元素绑定

显式的联系：
<label for="SSN">Social Security Number:</label>
<input type="text" name="SocSecNum" id="SSn" />

隐式的联系：
<label>Date of Birth: <input type="text" name="DofB" /></label>

5.tabindex:

tabindex属性 -- 代表使用"Tab"键的遍历顺序

可以使用Tab键遍历页面中的所有链接与表单元素,当遍历到某个链接时, 按Enter即可.遍历时会按照tabindex的大小决定顺序
遍历到某个链接的时候,会有虚线框包围链接,这时按回车键即可进入链接的页面.

取值: 数子，1~32767；

<a href="http://www.dreamdu.com/xhtml/" tabindex="1">1</a>
<a href="http://www.dreamdu.com/css/" tabindex="3">3</a>
<a href="http://www.dreamdu.com/xhtml/tag_a/ " tabindex="2">2</a>
<!--连续按 "Tab",可以改变焦点的位置.遍历的顺序是1-2-3.-->

document.forms[0].userid.tabIndex = 1;
document.forms[0].password.tabIndex = 2;
document.forms[0].inputvalidateCode.tabIndex = 3;
document.all.loginSub.tabIndex = 4;

6.使用DWR做一个项目的时候，总是报出 JS Alert: Max depth exceeded when dereferencing ...

方法在/dwr验证过了，都没问题，所以唯一有可能的就是参数传的不对，仔细看了一下，确实：

checkDeptCode.checkDeptCode(value)，传入了dom元素，应该传它的值dom.value，汗..

7.fieldset 元素可将表单内的相关元素分组。

<fieldset> 标签将表单内容的一部分打包，生成一组相关表单的字段:

<form>
  <fieldset>
    <legend>health information</legend>
    height: <input type="text" />
    weight: <input type="text" />
  </fieldset>
</form>

效果图：

javascriot记事本

hspace 属性可设置或返回图像的左边缘和右边缘的空白。

hspace 和 vspace 属性可与 align 一同使用，来设置图像与周围文本的距离。

<html>
<head>
<script type="text/javascript">
function setSpace()
{
document.getElementById("compman").hspace="50"
document.getElementById("compman").vspace="50"
}
</script>
</head>
<body>

<img id="compman" src="compman.gif" alt="Computerman" align="right" />

<p>Some text. Some text. Some text. Some text.</p>

<input type="button" onclick="setSpace()"
value="Set hspace and vspace">

</body>
</html>

9.全部勾选效果的实现：

function MM_CHECKAll(CheckID, AllCheckID){
    var checkboxObj = document.getElementsByName(CheckID);
	var AllCheck = document.getElementById(AllCheckID);
	if(AllCheck.checked){
        var select = checkboxObj;			  
	    for(var i = 0 ; i < select.length ; i++){		
            select[i].checked = "checked";
	    }
	}
    else{
        var select = checkboxObj;			  
	    for(var i = 0 ; i < select.length ; i++){				  
            select[i].checked = "";
	    }
	}
}

10.关于年月日的打印

<script type="text/javascript" language="javascript">
var CalendarTheYear=new Date().getFullYear(); //定义年的变量的初始值
var CalendarTheMonth=new Date().getMonth()+1; //定义月的变量的初始值
document.write(CalendarTheYear + "年 "+ CalendarTheMonth + "月");
</script>

label javascript keycode