JavaScript 学习4

Posted 2020-10-16

示例 1 : 鼠标点击事件

首先定义一个函数 showHello，被调用的时候，弹出一个对话框"Hello javascript";

接着准备一个button元素,在button元素上增加一个属性
property是onclick,表示点击的时候触发
value是showHello()，调用showHello()函数

<script>
function showHello(){
   alert("Hello JavaScript");
}
</script>
 
<button onclick="showHello()">点击一下</button>

 

 示例 2 : 基本算数运算符

基本算数运算符和小学中学习的没有任何区别 + - * / %（取余数）

<script>
function p(s){
 document.write(s);
 document.write("<br>");
}
 
p("1+2="+ (1+2));
p("5-3="+ (5-3));
p("3*2="+ (3*2));
p("9/3="+ (9/3));
p("10%3="+ (10%3));
 
</script>

　　

示例 3 :自增，自减运算符

自增++在原来的基础上 ，增加 1. 
需要注意的是 
如果 ++放在 前面 ，就是 先运算，后取值 。 
如果 ++放在 后面 ，就是 先取值，后运算。 
自减 -- 是一个道理。

<script>
 
var a = 5;
document.write(‘a++ 是先取值，再运算，所以打印出来是：‘+a++); //先取值 ，即5
 
document.write("<br>");
var b = 5;
document.write(‘++b 是先运算，再取值，所以打印出来是：‘+ ++b); //先运算，再取值，即6
 
</script>

　

示例 4 : 赋值运算符

=，+=，-=，*=，/=，%= 
x=5 是 最基本的赋值运算符，即把右边的值，赋给左边的变量x。 
x+=y, 表示 x=x+y。 
其他都是一个道理。

<script>
   x = 5;
   x+= 6;
   document.write(‘x+=6就是 x=x+6的意思，所以最后的值就等于: ‘+x);
</script>

　　

示例 5 :+运算符的多态

+ 具备多态特征 
当两边都是数字的时候 ，表现为算数运算符 
当任意一边是字符串的时候，表现为字符串连接符

<script>
document.write(‘当+两边都是数字的时候，+就是加法运算符，所以1+2=‘+(1+2));
document.write("<br>");
document.write(‘当+任意一边是字符串的时候，+就是字符串连接符，所以1+\"2\"=‘+ (1+"2"));
</script>

 

示例 6 : 基本逻辑运算符

基本逻辑运算符 包含如下 ： ==   !=   >   <   >=  <=
返回一个Boolean类型的值，true或者false

<script>
function p(s){
  document.write(s);
  document.write("<br>");
}
 
p("1==2: "+(1==2));
p("1!=2: "+(1!=2));
p("1>2: "+(1>2));
p("1<2: "+(1<2));
p("1>=2: "+(1>=2));
 
</script>

 

示例 7 : 绝对等，绝对不等于

与==进行值是否相等的判断不同 ，绝对等 ===还会进行 类型的判断
比如 数字1和 字符串‘1‘比较，值是相等的，但是类型不同
所以==会返回true,但是===会返回false
绝对不等于!== 与上是一个道理

<script>
function p(s){
  document.write(s);
  document.write("<br>");
}
 
p("1==‘1‘: "+(1==‘1‘));
p("1===‘1‘: "+(1===‘1‘));
 
</script>

　　

示例 8 : 三相运算符

 三相运算符 ?: 有三个操作数 
如果第一个返回true,就返回第二个操作符 
否则就返回第三个操作符。

<script>
 
var age = 15;
 
var movie = age<18?"卡通":"你懂的";
 
document.write(‘使用?: 三相运算法进行判断。 <br>‘);
document.write(‘age<18?"卡通":"你懂的" <br>表示当年纪小于18的时候，就看卡通，否则就看 你懂得<br>‘);
 
document.write(‘而age变量的值是15，所以返回 ‘+movie);
 
</script>