JacaScript学习心得

1.javascript和servlet、jsp等都是动态网页开发技术,区别在于:前者是对原先静态网页元素的动态化;后者则是对返回数据的动态化!
注意:HTML(结构)+ CSS(表示)+ JavaScript(行为)= 网页
2.javascript作为一种脚本语言可以放在html页面中任何位置,但是浏览器解释html时是按先后顺序的,所以前面的script就先被执行。
3.javascript中不能使用JavaScript关键词与JavaScript保留字,如果使用通常情况下就会遇到很多功能执行结果与预期不匹配的现象。
4.
(1)为网页内的某个元素指定一个css样式来更改该元素的外观:
语法:
object.className = classname
例如:(点击js内容样式由p1转为p2)
function change(){
  var mychar = document.getElementById("p1");
  mychar.className="p2";              
}
<p class = "p1" id = "con" onclick = "change()">js</p>
(2)定义"隐藏内容"的函数:
网页中经常会看到显示和隐藏的效果,可通过display属性来设置。
语法:
Object.style.display = value
5.在JavaScript中,“+”不只代表加法,还可以连接两个字符串。
例如:
mystring = "Java" + "Script"; // mystring的值“JavaScript”这个字符串
6.JavaScript数组的length属性是可变的,这一点需要特别注意!
7.如何遍历数组元素?
8.代码即生活!!!!
9.(1)加载事件(onload)
事件会在页面加载完成后,立即发生,同时执行被调用的程序。
注意:加载页面时,触发onload事件,事件写在<body>标签内。
(2)卸载事件(onunload)
当用户退出页面时(页面关闭、页面刷新等),触发onUnload事件,同时执行被调用的程序。
10.new一个Date对象的时候,如果没有赋初始值,默认的初始值为当前时间!
*11.使用windows对象的定时器功能动态显示时间例程:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>
<script type="text/javascript">
   var int=setInterval(clock, 100)
 function clock(){
   var t=new Date();
   var time = time.getFullYear()+"-"+(time.getMonth()+1)+"-"+time.getDate()+" "+time.getHours()+":"+time.getMinutes()+":"+time.getSeconds();
   document.getElementById("clock").value = time;
 }
</script>
</head>
<body>
  <form>
    <input type="text" id="clock" size="50"  />
  </form>
</body>
</html>
*12.获取显示秒数的元素,通过定时器来更改秒数。
window的location和history对象来控制网页的跳转。例如5秒后回到主页:
13.获取HTML文档中指定标签的三种方法:
(1)getElementById();                 //通过标签id值唯一获取
(2)getElementsByName();              //通过标签name属性值获取,可能有多个,所以返回值为对象数组,和数组类似也有length属性,可以和访问数组一样的方法来访问,所以从0开始。
(3)getElementsByTagName();           //通过p/a等标签名获取,可能有多个,所以返回值为对象数组,和数组类似也有length属性,可以和访问数组一样的方法来访问,所以从0开始。
*14.实现当点击"全选"按钮时,将选中所有的复选项。
***********************************************************************
15.在文档对象模型 (DOM) 中,每个节点都是一个对象。DOM 节点有三个重要的属性 :
1. nodeName : 节点的名称
2. nodeValue :节点的值
3. nodeType :节点的类型
一、nodeName 属性: 节点的名称,是只读的。
1. 元素节点的 nodeName 与标签名相同
2. 属性节点的 nodeName 是属性的名称
3. 文本节点的 nodeName 永远是 #text
4. 文档节点的 nodeName 永远是 #document
二、nodeValue 属性:节点的值
1. 元素节点的 nodeValue 是 undefined 或 null
2. 文本节点的 nodeValue 是文本自身
3. 属性节点的 nodeValue 是属性的值
三、nodeType 属性: 节点的类型,是只读的。以下常用的几种结点类型:
元素类型    节点类型
  元素          1
  属性          2
  文本          3
  注释          8
  文档          9
*************************************************************************

猜你喜欢

转载自blog.csdn.net/qq_37230121/article/details/80332931