JavaScript交互式网页设计——javascript基本语法

概念:javascript是一种轻型的、解释性的脚本语言,是一种由浏览器内解释器执行的程序语言
javascritpt脚本代码的位置
1、html文件混合方式

<body>
    <script type="text/javascript">
        document.write("<h2>欢迎来到javascript课堂</h2>")
    </script>
</body>

2、js文件引用方式
js文件

 document.write("<h2>欢迎来到javascript课堂</h2>")

html文件

<body>
    <script src="js文件地址" type="text/javascript">
    </script>
</body>

3、html代码嵌入式

<body>
    <a href="javascript:document.write('<h2>欢迎来到javascript课堂</h2>');"></a>
</body>

1.2变量:

命名规范
1、第一个字符必须是一个字母、下划线(_)或一个美元符合($)
2、其他字符可以是字母、下划线、美元符合、数字。
3、区分大小写
4、不能与关键字同名,如while、for和if等
注意:变量可以不经声明而直接使用,但是这种方法很容易出错,因此不推荐使用。对变量的输出测试可以采用alert()弹出对话框的方式。
语法:alert(“输出的提示内容”)
注意:javascript的变量采用弱类型的形式,即声明变量时不必确定类型,而是在使用或赋值时自动确定其数据类型。
数据类型
string:用单引号或双引号来声明的字符串
undefined:为初始化的变量即未声明的变量
number:整数或浮点数
object:javascript中的对象、数组或null
boolean:true或false
注意:为了避免string类型中的字符串开始和结束引号发生冲突可以使用字符串拼接的方式或用单引号、双引号
运算符

类型运算符
算术运算符+、-、*、/、%、++、–
赋值运算符=
比较运算符>、<、>=、<=、==、!=
逻辑运算符&&、||、!

注意:
"+“也能实现字符串的相加,只要表达式中有一个字符串,“+”就用于将字符串与其他的数据类型连成一个新的字符串,如:“demo”+123结果是"demo123”
注意:===表示值与数据类型都要相等

1.3流程控制语句

顺序结构,选择结构,循环结构
选择结构
语法:

if(条件表达式){
     语句或语句块
}
if(条件表达式){
     语句或语句块1
}
else{
    语句或语句块2
}
if(条件表达式1){
     语句或语句块1
}
else if(条件表达式2) {
    语句或语句块2
}
else{
    句或语句块3
}
switch(表达式){
      case 取值1:语句或语句块1break;
      case 取值2:语句或语句块2break;
      case 取值3:语句或语句块3break;
      default:语句或语句块4;break;
}

注意:Date是Javascript的内置对象,通过它可以获取时间,Date对象的getHours()方法可以返回系统的小时数。
注意:switch后的条件表达式的结果一旦碰到与之匹配的case,就会执行该case后的语句,如果没有break语句,则会继续执行下面的case下的代码循环结构

while(条件表达式){
     语句或语句块
}
do{
     语句或语句块
}while(条件表达式)
for(初始化表达式;循环条件表达式;循环后的操作表达式){
     语句或语句块
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值