zoukankan      html  css  js  c++  java
  • Day03 JavaScript(1)

    JavaScript简介

    一.使用JS完成注册表单数据校验

      用户在进行注册的时候会输入一些内容,但是有些用户会输入一些不合法的内容,这样会导致服务器的压力过大,此时我们需要对用户输入的内容进行一个校验(前端校验和后台校验),前端校验防君子不防小人。

    JavaScript介绍

    什么是JavaScript?

      JavaScript被设计用来向HTML页面添加交互行为

      JavaScript是一种脚本语言(脚本语言是一种轻量级的编程语言)

      JavaScript由数行可执行计算机代码组成

      JavaScript通常直接嵌入HTML页面

      JavaScript是一种解释性语言(代码执行不进行预编译)

      所有人无需购买许可证均可使用JavaScript

    JavaScript的作用?

      HTML:它是整个网站的骨架

      CSS:它是对整个网站骨架的内容进行美化(修饰)

      JavaScript:它能够让整个页面具有动态效果

    JavaScript的组成部分

    ECMAScript:它是整个JavaScript的核心,包含(基本语法 变量 关键字 保留字 数据类型 语句 函数等等)

    DOM:文档对象模型,包含(整个HTML页面的内容)

    BOM:浏览器对象模型,包含(整个浏览器相关的内容)

    JavaScript语法

      区分大小写

      变量是弱类型(String str = "aaa",var str = "123";)

      每行结尾的分号可有可无(建议都加上)

         注释与Java相同

    JavaScript的变量

      变量可以不用声明,变量是弱类型。统一使用var来定义!定义变量的时候不要使用关键字和保留字

    JavaScript数据类型

    分为原生数据类型和引用数据类型

      原生数据类型:

          String,number,boolean,null,undefined

      引用数据类型:

          Array,Boolean,Date,Math,Number,String,RegExp (类似Java中的包装类)

     JavaScipt运算符

      其他运算符与Java大体一致,需要注意其等性运算符

      == 它在做比较的时候会进行自动转换(值相等就等)

      ===它在做比较的时候不会进行自动转换(值和类型都相等才等)

    JavaScipt语句

       所有语句和Java大体一致

    获取元素内容

      获取元素:

        document.getElementById("id名称");

      获取元素里面的值:

        document.getElementById("id名称").value;

     JavaScript事件

        表单提交事件:onsubmit

    JavaScript的输出

        警告框:alert();

        向页面指定位置写入内容:innerHTML(属性)

        向页面写入内容:document.write("")

     注册表单数据校验步骤分析:

    二.使用JS完成首页轮播图效果

    技术分析

       获取元素 document.getElementById("id名称")

      事件(onload)

      定时操作:setInterval("changeImg()",3000);

     步骤分析

     三.使用JS完成页面定时弹出广告

    技术分析

      获取图片位置(document.getElementById(""))

      隐藏图片:display:none

      定时操作:setInterval("显示图片的函数",3000);

    步骤分析

     小结:

    JavaScipt的引入方式

    BOM对象

      BOM对象:浏览器对象模型(操作与浏览器相关的内容)

      Window对象

        Window对象表示浏览器中打开的窗口

      

       Location对象

        Location对象包含有关当前URL的信息

      History对象

        History对象包含用户(在浏览器窗口中)访问过的URL


  • 相关阅读:
    当select框变化时 获取select框中被选中的值
    表字段添加、删除、修改
    初步了解JSONP
    通过 Chrome Workspace 调试本地项目(修改样式时及时保存)
    XAMPP PHP redis 扩展
    在右键菜单中加入 用...打开
    PHP unset 后恢复数组索引
    LINUX VI 常用命令
    排行榜 文字向上滚动效果
    jq 获取除节假日与周六日 外的日期 和 星期
  • 原文地址:https://www.cnblogs.com/yzz0110/p/9400553.html
Copyright © 2011-2022 走看看