JavaScipt

  • 2.1 javascript的组成部分

    ECMAScript: 它是整个 javascript 的核心,包含(基本语法、变量、关键字、保留字、数据类型、语句、函数等等)DOM:文档对象模型,包含(整个 html 页面的内容)、BOM:浏览器对象模型,包含(整个浏览器相关内容)

  • 步骤(BOM)

  • 1. window对象

    1. 第一步: 确定事件(onsubmit)并为其绑定一个函数
    2. 第二步: 书写这个函数(获取用户输入的数据<需要在指定位置定义一个id>)
    3. 第三步: 对用户输入的数据进行判断
    4. 第四步: 数据合法(让表单提交)
    5. 第五步: 数据非法(给出错误信息, 不让表单提交)
    6. 问题:如何控制表单提交?
      关于事件 onsubmit: 一般用于表单提交的位置, 那么需要在定义函数的时候给出一个返回值, onsubmit = return checkForm()
  • 步骤分析:
  • 定时操作

  • 代码实现

  <script type="text/javascript">
function init() {
//书写轮播图显示定时操作
setInterval("changeImg()", 3000); //设置显示广告图片的定时操作, time不加 var就是全局变量
time = setInterval("showAd()", 3000);
}
//书写函数
var i = 0;
function changeImg() {
i++;
//获取图片位置,并设置src属性值
document.getElementById("img1").src = "../img/" + i + ".jpg";
if (i == 3) {
i = 0;
}
} //2.书写显示广告图片的函数
function showAd() {
//3.获取广告图片的位置
var adEle = document.getElementById("img2");
//4.修改广告图片元素里的属性让其显示
adEle.style.display = "block"
//5.清除显示图片的定时操作
clearInterval();
//设置隐藏图片的定时操作\n
setInterval("hiddenAd()", 3000);
} function hiddenAd() {
//8.获取广告图片并设置其style属性的display值为none
document.getElementById("img2").style.display = "none";
//9. 清除隐藏广告图片的定时操作
clearInterval(time);
}
</script>

<body onload="init()">
<img src="../img/gg.jpg" width="100%" style="display: none;" id="img2"/>
</body>

1. Window

2. Navigator

3. History

4. Location

四、使用JS完成注册页面表单校验

Javascript简单介绍

BOM对象

05-11 10:57