javaScript---1

JavaScript是一种基于对象和事件驱动的、并具有安全性能的脚本语言
JavaScript特点
向HTML页面中添加交互行为
脚本语言,语法和Java类似
解释性语言,边执行边解释

JavaScript组成:JavaScript→DOM、ECMAScript、BOM

JavaScript的基本结构:
script type=”text/javascript”>

      JavaScript 语句;

        </script >
可以包含在文档中的任何地方,只要保证这些代码在被使用前已读取并加载到内存即可 JavaScript的执行原理:浏览器输入–解析HTML标签和JavaScript–发送请求–包含JavaScript的请求页面–服务器–从服务器端下载含JavaScript的页面–返回响应 ![这里写图片描述](https://img-blog.csdn.net/20180828102009720?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d4al8wOTIz/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70) 网页中引用JavaScript的方式: 使用标签 外部JS文件

直接在HTML标签中
input name=”btn” type=”button” value=”弹出消息框”
οnclick=”javascript:alert(‘欢迎你’);”/

这里写图片描述

核心语法—变量:
先声明变量再赋值
同时声明和赋值变量
不声明直接赋值
变量可以不经声明而直接使用,但这种方法很容易出错,也很难查找排错,不推荐使用

数据类型
undefined:var width;变量width没有初始值,将被赋予值undefined
null:表示一个空值,与undefined值相等
number:var iNum=23; //整数 var iNum=23.0; //浮点数
boolean:true和false
string:一组被引号(单引号或双引号)括起来的文本var string1=”This is a string”;

typeof检测变量的返回值
typeof运算符返回值如下
undefined:变量被声明后,但未被赋值
string:用单引号或双引号来声明的字符串
boolean:true或false
number:整数或浮点数
object:javascript中的对象、数组和null

属性
字符串对象.length
方法
字符串对象.方法名();
charAt(index) 返回在指定位置的字符

indexOf(str,index) 查找某个指定的字符串在字符串中首次出现的位置

substring(index1,index2) 返回位于指定索引index1和index2之间的字符串,并且
包括索引index1对应的字符,不包括索引index2对应的字符

split(str) 将字符串分割为字符串数组

数组:创建数组–var 数组名称 = new Array(size);
为数组元素赋值
访问数组–var fruit= new Array(“apple”, “orange”, ” peach”,”banana”):

数组名[下标]
var fruit = new Array(4);
fruit [0] = ” apple “;
fruit [1] = ” orange “;
fruit [2] = ” peach “;
fruit [3] = ” banana “;
这里写图片描述

运算符号

逻辑控制语句:
if条件语句:if(条件)
{
//JavaScript代码;
}
else
{
//JavaScript代码;
}

    switch多分支语句:switch (表达式)

{ case 常量1 :
JavaScript语句1;
break;
case 常量2 :
JavaScript语句2;
break;

default :
JavaScript语句3;
}

    for、while循环语句:switch (表达式)

{ case 常量1 :
JavaScript语句1;
break;
case 常量2 :
JavaScript语句2;
break;

default :
JavaScript语句3;
}

    for-in:var fruit=[ "apple", "orange", "peach","banana"]; 

for(var i in fruit){
document.write(fruit[i]+”
”);
}

循环中断:break
continue
script type=”text/javascript”>
var i=0;
for(i=0;i《=5;i++){
if(i==3){
continue;
}
document.write(“这个数字是:”+i+”
”);
}
/script>

注释:
单行注释以 // 开始,以行末结束
多行注释以 /* 开始,以 / 结束,符号 /…… */ 指示中间的语句是该程序中的注释

常用的输入/输出:
alert():alert(“提示信息”);
prompt():prompt(“提示信息”, “输入框的默认信息”);
prompt(“请输入你喜欢的颜色”,”红色”);
prompt(“请输入你喜欢的颜色”,”“);
语法约定
代码区分大小写
变量、对象和函数的名称
分号

函数的含义:类似于Java中的方法,是完成特定任务的代码语句块
使用更简单:不用定义属于某个类,直接使用
函数分类:系统函数和自定义函数

系统常用函数:
parseInt (“字符串”)
将字符串转换为整型数字
如: parseInt (“86”)将字符串“86“转换为整型值86
parseFloat(“字符串”)
将字符串转换为浮点型数字
如: parseFloat(“34.45”)将字符串“34.45“转换为浮点值34.45
isNaN()
用于检查其参数是否是非数字

自定义函数:
定义函数:function 函数名( ){
//JavaScript语句
[return 返回值]
}

调用函数
函数调用一般和表单元素的事件一起使用,调用格式:事件名= “函数名( )” ;

onload 一个页面或一幅图像完成加载
onlick 鼠标单击某个对象
onmouseover 鼠标指导移到某元素上
onkeydown 某个键盘按键被按下
onchange 域的内容被改变

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值