JavaScript的组成:
- 核心(ECMAScript)
- 文档对象模型(DOM)
- 浏览器对象模型(BOM)
- ECMAScript:语法,语句
- BOM:浏览器对象
- DOM:Document Object Model操作文档中的元素和内容
alert() :向页面中弹出一个提示框
innerHTML :向页面的某个元素中写一段内容,将原有的东西覆盖
document.write() :向页面中写内容
变量可以不用声明,变量是弱类型,统一使用var定义
运算符:
==它在做比较时会进行自动转换
===做比较时不会自动转换
获取元素:
document.getElementById("id名称")//如果id是一个变量不用加引号
获取元素里面的值:
document.getElementById("id名称").value
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>获取元素</title>
<script>
window.οnlοad=function(){
// 获取页面指定位置元素
var uEle=document.getElementById("user");
//alert(uEle);
//获取页面指定位置的内容
var uValue=uEle.value;
alert(uValue);
}
</script>
</head>
<body>
用户名:<input type="text" name="username" id="user" /><br />
密码:<input type="password" name="pass" />
</body>
</html>
表单提交事件:
onsubmit
警告框:alert();
向页面指定位置写入内容:innerHTML(属性)
向页面写入内容:document.write("");
javascript简单介绍
ECMAScript
1.语法
2.变量:只能使用var定义,如果在函数的内容使用var定义,那么它是一个局部变量,如果没有使用var它是一个全局的。弱类型!
3.数据类型:原始数据类型(undefined/null/string/number/boolean)
4.语句:
5.运算符:==与===的区别
6.函数:两种写法(有命名称,匿名的)
BOM对象
window:alert(),prompt(),confirm(),setInterval(),clearInterval(),setTimeout(),clearTimeout()
history:go(参数),back(),forward()
location: href属性
事件:
onsubmit()此事件写在form标签中,必须有返回值。
onload()此事件只能写一次并且放到body标签中
其它事件放到需要操作的元素位置。(onclick、onfocus、onblur)
获取元素:
document.getElementById("id")
获取元素里面的值:
document.getElementById("id").value
向页面输出
弹窗:alert();……
向浏览器中写入内容:document.write(内容);
向页面指定位置写入内容,innerHTML