JavaScript事件day01
一.概述:JavaScript是web上的一种功能强大的编程语言,用于开发交互式的web页面,
它不需要进行编译,而是直接嵌入在HTML页面,由浏览器执行
二.组成:
核心:ECMAScript(语法,语句)
文档对象模型:DOM(操作文档中的元素和内容)
浏览器对象模型:BOM(浏览器对象)
三:引入:
内嵌式,在HTML文档中,通过<script>标签引入
<script type="text/javascript">
</script>
外联式:
<script src="1.js" type="text/javascript" charset="utf-8"></script>
四:基本语法
变量的声明:var 变量名;(可以不声明使用默认值:undefined)
变量的赋值:var 变量名 = 值;(同一个变量可以存放不同类型的数据)
数据类型: 对变量或值调用typeof运算符将返回下列值之一:
undefined
boolean
number
string
object
基本操作:alert() : 向页面中弹出一个提示框
innerHTML: 向页面中的某一个元素中写一段内容将原有的东西覆盖
实现代码:
//4 邮箱
var email = document.getElementById("emailId").value;
if( ! /^([0-9a-zA-Z_-])[email protected]([0-9a-zA-Z_-])+(\.[0-9a-zA-Z]+)$/.test(email)){
alert("邮箱格式不正确");
document.getElementById("emailId").focus(); //提示信息后获得焦点
return false;
}
return true;
}
</script>
JS中的函数编写方式:
函数:实现一定功能的代码块,类似于java中的方法
<script type="text/javascript">
function my1(){
alert("Hello");
}
//方式一;调用函数
my1();
//方式2:声明匿名函数
var my2 = function(){
alert("world");
}
</script>
相关知识点:定时器setInterval
明日分享:
使用JS完成图片轮播效果
使用JS完成页面定时弹出广告
总有一个人在坚守
总有一件事要完成
茫茫人海
我是小爽
不喧哗,自有声