javascriot记事本

<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>

 效果图:

 

8.

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>

 

你可能感兴趣的:(JavaScript)