JavaScriptJS是一个弱类型的语言
所有的变量声明都用 var
===全等,即类型和值都相等的时候才返回true
JS的开发步骤
通常都是由一个事件触发
触发一个函数,定义一个函数
获得操作对象的控制权
修改要操作的对象的属性或值
定义函数:
function 函数名称{
方法体(函数体)
alert("输出语句")
}
window.onload=function(){
}
JS中匹配正则正则表达式的对象
String 对象
RegExp对象
complie 编译正则表达式
exec 检索字符串中指定的值,返回找到的值,并确定其位置
test 检索字符串中指定的值,返回true 或false
网页中轮播图的使用
* setInterval(); :每隔剁手毫秒执行某个表达式
* setInterval("change()",5000);
* clearInterval(); 清除轮播, setInterval("表达式" ,毫秒数);
*setTimeout(); :隔一段时间执行某个表达式,只执行一遍 * setTimeout("change()",5000); * clearTimeout(); 清除setTimeout的设置
代码演示
// 设置轮播图
window.onload = function broadcaset() {
//要想实现轮播,那么我们要获取到图片的id
window.setInterval("funimg()", 3000);
}
var i = 1;
function funimg() {
//先获取图片的id的对象
var imgDemo = document.getElementById("imgDemo");
//做判断,当i的值小于3的时候自动初始化从第一张照片开始轮播
i++;
if(i > 3) {
i = 1;
}
imgDemo.src = "../img/" + i + ".jpg";
}网页定时显示广告
定时在网页中显示广告
window.onload = function broadcaset() {
ar ad3 = window.setTimeout("ad()", 3000);
}
function ad() {
var img2 = document.getElementById("adimg");
img2.style.display = "block";
window.setTimeout("ad2()", 3000);
}
//广告
function ad2() {
var img3=document.getElementById("adimg")
img3.style.display = "none";
}BOM:浏览器对象模型window的方法
setInterval(): 按照指定的周期(以毫秒计)来调用函数或计算表达式。
setTimeout() 在指定的毫秒数后调用函数或计算表达式。
alert(): 显示带有一段消息和一个确认按钮的警告框。
confirm(): 显示带有一段消息以及确认按钮和取消按钮的对话框。
prompt(): 弹出一个可写入的对话框
open(): 可以重新弹出一个我们自定义大小的浏览器窗口history的方法
用来返回查看浏览过的记录
history.go(-1)/history.back(); location的方法
* `location.href="";` 用来实现网页中按钮的点击时跳转
* <input />BOM中的对象
Window
Navigator
Screen
History
Location
JS中的事件的总结
onchange :下拉列表上
ondblclick :双击
onkeydown :键盘按下
onkeyup :键盘抬起
onmouseover :鼠标在上面
onmouseout :鼠标离开
onmousemove :鼠标移动