`
yxwang0615
  • 浏览: 561011 次
  • 性别: Icon_minigender_1
  • 来自: 青岛
社区版块
存档分类
最新评论

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>

 

分享到:
评论

相关推荐

    javascriot技术文档

    JavaScript,一种广泛应用于Web开发的轻量级编程语言,是前端开发的核心技术之一。它以其动态类型、基于原型的对象和函数作为一等公民的特点而著名。JavaScript最初由Brendan Eich在Netscape Navigator浏览器中开发...

    nodetodolist:使用Node.js,Express,MongoDB(Mongoose,MongoLab)和Angular用javascriot编写的应用程序

    节点列表使用Nodejs,Express,MongoDB(Mongoose,MongoLab)和Angular用JavaScript编写的应用程序。...!! 访问localhost:3000的应用程序localhost:3000 您不需要安装依赖项,因为所有依赖项都包含在repo(/ node_...

    JavaScript特效水墨画.html

    用JavaScriot写的水墨画特效,特效可以跟随鼠标生成特效,有一种步步生花的效果。 用JavaScriot写的水墨画特效,特效可以跟随鼠标生成特效,有一种步步生花的效果。

    用JavaScript编写的RPG-JavaScript开发

    用JavaScript编写的RPG Unsung Kingdom Unsung Kingdom是由JavaScript制成的RPG。 WebSite Steam GooglePlay构建#生产$纱线安装$纱线摩擦构建#dev $纱线安装$纱线运行dev有助于翻译发行问题和分支(如果尚未针对该...

    workday-scheduler:一种用颜色编码的工作日计划程序应用程序,用于保存当天的任务

    它是使用Javascriot和JQuery构建的。 用户故事 AS AN employee with a busy schedule I WANT to add important events to a daily planner SO THAT I can manage my time effectively 验收标准 GIVEN I am using a ...

    javascript王者归来完整pdf版_1/2

    javascript王者归来完整版第一部分(共两部分)

    经典JS封装代码(10)

    多样化摺叠菜单,CSS圆角边框,模拟视窗,支持FF的省略符,TAB选项卡,最佳化多样式Windows,多样化的垂直菜单,多样化的连结提示效果,侧栏式折叠菜单,图形滚动条,图片倒影效果,代码自动高亮,酷似flash效果的...

    innerHTML的简单应用

    innerHTML的简单应用

    前端学习笔记小知识点10篇.rar

    包含1undefined和null区别2 普通字符串和new String有什么区别3 js单线程4js运行机制和存储5js垃圾回收机制6听了好多闭包,这次可能最懂7正则前瞻8作者为什么设计原型9函数和对象之间的关系10原型链 可作为笔记和...

    jquery学习进阶使用

    ### jQuery 学习进阶使用知识点详解 #### 一、jQuery 遍历方法 **1.... - **parent() 方法**: 返回被选元素的直接父元素。 - 示例代码:`$("span").parent();` 这将返回 `&lt;li&gt;` 元素。...- **parents() 方法**: 返回被...

Global site tag (gtag.js) - Google Analytics