JavaScript 是一种属于网络的脚本语言, 已经被广泛用于 web 应用开发, 常用来为网页添加各式各样的动态功能, 为用户提供更流畅美观的浏览效果. 通常 JavaScript 脚本是通过嵌入在 html 中来实现自身的功能的.
首先讲 JavaScript 的摆放位置:<script> 与 </script> 可以放在 head 和 body 之间, 也可以 body 中或者 head 中.
JavaScript 的六大作用:
1, 直接在 script 输出
document.write("<h1>This is a heading</h1>");//document.write 表输出, 括号中 h1 标签同样有效
2, 对事件作出反应
document.write("<h1>This is a heading</h1>");//document.write 表输出, 括号中 h1 标签同样有效
3, 改变 HTML 内容
- x=document.getElementById("demo") // 查找元素 , 通过 id 得到某一个元素, 就像我之前做的笔记说 id 只能用一次所以是唯一的.
- x.innerHTML="Hello JavaScript"; // 改变内容, 通过触发事件会是这个元素的值发生改变
4, 改变 HTML 图像
- element=document.getElementById('myimage') // 得到 img 这个元素
- element.src="/i/eg_bulboff.gif"; // 改变 Src 属性, 也就相当于给它换了张图片
5, 改变 HTML 样式
- x=document.getElementById("demo") // 同样通过 id 找到元素
- x.style.color="#ff0000"; // 改变样式
6, 验证输入
If( isNaN(x)) {alert("Not Numeric")}; // isNaN( ) 这是一个方法, 专门用来判断括号中是否全为数字, 是为 true
JavaScript 查找元素常用的三种方法 (不包括 jQuery 查找元素)
1, 通过 id 查找;
x=document.getElementById("demo") // 通过 id 查询是唯一的, x 也是代表唯一一个元素.
2, 通过 name 查找:
- X= document.getElementsByName("myInput");// 这里是 ments 说明他返回的是一个集合, 因为 name 属性可以重复定义
- X[0].innerHTML="Hello JavaScript";// 因为是数组, 所以要指定第几个, 就算只有一个也要写零
3, 通过元素名称查找:
- varx=document.getElementsByTagName("input"); // 同样也是返回一个数组
- alert(x.length); // 这里有几个 input 标签就输出几
JavaScript 的注释和 java 是一样的有 // 和 /* */
来源: http://www.css88.com/qa/javascript/11526.html