码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript 学习4

时间:2017-12-05 00:51:47      阅读:246      评论:0      收藏:0      [点我收藏+]

标签:一个   意思   对话框   数字   fun   write   多态   变量   就是   

示例 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>

  

 

JavaScript 学习4

标签:一个   意思   对话框   数字   fun   write   多态   变量   就是   

原文地址:http://www.cnblogs.com/brucexl/p/7979667.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!