zoukankan      html  css  js  c++  java
  • 1.JavaScript入门

    JavaScript  

    1. JavaScript入门

    (1) 定义变量

    ① 声明变量:var可以用于声明任何类型的变量,所以称为万能类型

    ② 同时可以声明和赋值:var count10;

    ③ 声明多个变量:var x,y,z=10;

    (2) 全局变量局部变量:

    ① 全局变量是定义在所有函数之外,其范围是整个网页

    ② 局部变量是定义在函数体之内,只有在函数体有效

    (3) 运算符:

    ① %(求余数)

    ② ++(自增)

    ③ --(自减)

    ④ =(赋值)

    ⑤ ==(等于)

    ⑥ =(不等于)

    ⑦ &&(且)

    ⑧ ||(或)

    ⑨ +(拼接)

    (4) 变量类型

    ① 数值型:整数、小数

    ② 字符串行:使用双引号(var str=”name”;)

    ③ 字符型:使用单引号(var zifu=’a’;

    ④ 布尔型:只有true false 两个值:a=(条件)?{true代码块}:{false代码块}; 冒号两侧的代码块就是布尔型 的值

    ⑤ 对象型

    ⑥ 空值:null

    (5) 逻辑控制语句

    ① If条件语句:if(条件){代码块}

     

    Switch分支语句:

    Switch(所获取的值)

    {

    Case value(所可能出现的数值)

    出现该值所实行的代码块;

    Break;

    Default:(除此之外的意思)

    实行的代码块;

    Break;

    }

    Eg:

     

     

     

    For(声明变量赋值;条件;增减规律){

    循环中所实现的代码;

    }

    Eg:

     

    该弹框会出现5次,直到不满足循环条件为止。

    自定义函数与事件

    几个简单的事件

    Onclick  当点击时

    Onchange 当内容发生改变时

    Onfocus 当获取焦点时

    Onblur  当失去焦点时

    Onload  当页面刚刚加载完成的时候(刚开始写<body>里)

    JavaScript 中的事件名称都是onxxx的形式

    且不区分大小写 任何标签都具有这些事件属性

     

      这个例子是当页面加载时弹出框上面内容是我是一个粉刷匠

    于此类推,剩下的只是将onload改变即可

    自定义函数

    function 函数名(参数一,参数二){

    代码块(所要运行的代码块);

    }

    调用函数:调用函数用一般和元素的事件一起使用

    Eg

     

    JavaScript 函数的调用两种方法:

    1 直接调用。

    Eg

    2 通过事件调用

    Eg

     

    onload=””; 就是事件  fun就是调用的函数

    关于函数 参数的问题

    function 函数名 (参数一,参数二)

    这里的参数是形参  来承载所传进的值

     

    这里a 是形参 var  b是全局变量  点击事件运行函数 把全局变量传给形参 a 现在a==b  即弹出窗

     

    表单组件取值

    var 变量名=document.表单名字.控件名称.value;

     

     

    第三章.JS核心对象(一)

    一、window对象的方法

    1.Window 对象的写法

    2.alert(写要弹出的内容); 使用对话框弹出内容

    3.Confirm(提示的文字); 弹出一个确认对话框

     

    4.close();关闭窗口

    5.open(url,name,args,还有一个东西)

     

    6.setInterval(执行的函数名,间隔时间(单位毫秒));每隔n毫秒执行一次函数

     

     

    7.setTimeout(执行的函数,时间);设置设定的时间后执行函数

    二、Location对象是window的子对象,他表示当前网页的地址信息

    1.assign(url):加载指定的url文档到库页面

     

     

    2.Reload();刷新页面

    3.Replace (url)使用url地址指定的文档替换库页面

     

     

     

    三. HisTory对象

    1.Back();返回上一个链接地址

    2.Forward();返回上一个浏览地址

     

    点击这个上一页就可以返回前一页

    四. Date 对象表示当前日期和时间,在使用前必须使用new实例化(new Date();

     

     

    1.getYear();获取当年份+1900

    2.getMonth();获取当前月份,因为外国记月从0开始,所以要加1

    3.getDate(); 获取这个月的日期

    4.getDay(); 获取当前星期 0为星期天,以此类推

    5.getHours(); 获取当前小时数

    6.getMinutes(); 获取当前分钟数

    7.getSeconds(); 获取当前秒钟

    8.toLocalestring(); 获取格式化的日期和时间

     

     

    五. Date对象

    1.toLocalestring();获取当前日期和时间的标准格式

    2.toLocaleDateString(); 获取当前日期的标准格式

    3.toLocaleTimeString(); 获取当前时间标准格式

     

     

    第四章 JS核心技术(二)

    一、DOM的简介

    (一)DOM全称事Document Object Model;意为文档对象模型

    二、属性

    (一)bgcolor设置检索document对象的背景颜色

    (二)获得对象的方法

    1.getElementById(元素的id,记得用双引号括住); 根据html元素指定的id获得对象

     

    2.getElementsByname(元素的名字,记得用双引号括住);因为多数用在相同的名字的一组元素 所以By前要加s   根据html元素指定的name获得相同名称的一组元素

     

    (三)Event

    1.srcElement:发生事件的事件源对象

     

    srcElement 后面不加括号,我经常加

    (四)Inner

    1.InnerTEXT 向 指向的元素输入内容,不会解析标(原封不动的输入)

    2.innerHTML 向指向的元素输入内容,会被解析

     

     

     

     

    第五章 js样式语法

    一、Js样式语法首先要得到操作对象在样式语法的格式语法的格式中一般都有一个style 表示JavaScript 操作是一个对象样式

     

     

    点过之后的效果

    Eg 操作对象.style.fontSzie=18;(如果是单词的话记得用双引号)

    二. 特点!

    1.css属性中间的”-”字符被省略,如果属性是两个以上的单词构成从第二个单词开始首字母大写

    2.Js样式语法只能用于JavaScript脚本中,绝大部分css属性都是可读可写的,大部分元素都有相同的css属性

    第六章 表单验证与js数组

    一、String 类型的方法和属性

    (一)Length获取字符串的长度

    Eg

     

    (二)indexOf(“a”);获取档期啊字符串中第一个出现a的下标

     

     

    (三) substring(a,b);以下标a开始截取列下标b之前的字符串

     

     

    (四)二级联动下拉列表

    1.一维数组的声明:var 变量名=[,,];

    2.二维数组的声明:var 变量名=[1,2,3]; a[1]=[,,];

    3.声明一个下拉列表  new Option (文本值,);

    4.在列表项内添加内容 所添加的列表.options.add(列表项);

    这就是一个完整的添加列表项

    没加之前加完之后

    5.清除列表项

    (1)列表名.options.length=0;

  • 相关阅读:
    软件测试之接口
    软件测试之APP测试流程及策略
    软件测试之bug类型分类及缺陷管理
    软件测试之测试计划
    软件测试之web流程
    软件测试之生命周期模型
    软件测试之测试用例编写及编写规范
    软件测试之黑盒测试策略
    软件测试之基础知识
    PHP与AJAX
  • 原文地址:https://www.cnblogs.com/sr990411/p/10707106.html
Copyright © 2011-2022 走看看